个人 GitHub 账号下公开仓库的所有者可以登录并验证所有权,自行管理介绍,无需管理员批准。
登录并生成验证文件,在 30 分钟内将其提交到此仓库的默认分支。其他分支或分叉仓库中的文件无效。然后在下方检查文件,即可无需管理员批准直接管理项目。请保留文件以维持管理权限。
如需登录,将前往登录页面。登录后请回到此处,再次点击所选的验证按钮。
在项目文件夹中运行 /nomorevibe verify,即可验证所有权并自行管理介绍。
一分钟完成验证One color. A whole theme. Contracted React components, a perceptual color engine, and a Figma kit that CI checks the code against.
翻译准备中
取自仓库 README
正在加载完整 README。
查看完整 README ↗One color. A whole theme.
Pick a source color and Graphite builds the scales, the thirty-two roles and both themes, checking contrast as it goes. Thirty-six React components read those roles, each held by CI to a written contract and to the Figma kit.
Set up a Next.js project with Tailwind, then add the init item, your theme and the Tailwind bridge:
npx shadcn@latest add https://www.graphite-ui.com/r/init.json https://www.graphite-ui.com/r/theme/0f766e.json https://www.graphite-ui.com/r/tailwind.json
Then add components:
npx shadcn@latest add https://www.graphite-ui.com/r/button.json
Swap 0f766e for your own hex, or build a theme in Create and take the code. The Quick start walks through it, and What you can use today covers the theme, the Figma kit and the components.
There is no npm package. Components install as source files you own, the way shadcn/ui works.
Visit graphite-ui.com/docs.
Please read the contributing guide. Questions go to Discussions.
Licensed under the MIT license. The Graphite UI, Simorka Designs and SD System names and logos are not covered; see TRADEMARKS.md.