個人 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.