npx shadcn-ui@latest init √ Which style would you like to use? » Default √ Which color would you like to use as base color? » Stone √ Would you like to use CSS variables for colors? ... no / yes ✔ Writing components.json... ...
› SlateWhere is your globalCSSfile?› › src/index.cssDo you want to useCSSvariablesforcolors?› no/yesWhere is your tailwind.config.js located?› tailwind.config.jsConfigure theimportaliasforcomponents:› @/componentsConfigure theimportaliasforutils:› @/lib/utilsAre you using React ...
className="inline-flex items-center rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-900 transition-colors hover:bg-slate-700 hover:text-slate-50" > <Icons.radix className="mr-1 h-3 w-3" /> Radix UI </Link> )} {doc.radix?.api && ( <Link href={doc.radi...
React + shadcn-ui {"$schema":"https://ui.shadcn.com/schema.json","style":"default","tailwind": {"config":"tailwind.config.js","css":"styles/global.css","baseColor":"neutral","cssVariables":true,"prefix":""},"rsc":false,"tsx":true,"aliases": {"components":"@/components","...
Community is a space for Figma users to share things they create. Get started with a free account → Tags design system icons shadcn tailwind tailwindcss tailwind ui template ui kit variables web design Share For Figma Last updated 1 month ago Support: hello@praveenjuge.com Licensed under CC...
› › src/index.cssDo you want to use CSS variables for colors?...npx shadcn-ui@latest add button 复制上面的命令会将组件添加到您的项目中。 2.3K21使用chrome调试CSS 使用键盘快捷键更改声明值编辑声明的值时,可以使用以下键盘快捷键将值递增固定量: Up 将值更改为1,如果当前值介于-1和1之间,...
1.0.1•Public• Published4 months ago TailwindCSS Configuration Copy and paste everything you need in your next project. Preferably, colors are copied as a whole to guarantee compatibility with figma design prototypes. The colors are optimized to work with shadcn. ...
TailwindCSS Colors v2.0 412 9.2k Radix & TailwindCSS UI Components 336 8.4k @shadcn/ui - Design System (Variables & Theming) 338 6.7k Tailwind CSS Button UI Kit (Auto Layout) 270 7.1k Myna UI - TailwindCSS & shadcn/ui & Radix Premium UI Kit 215 5.3k ...
Splitting.js Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more! ↥ Back To Top Javascript Chart Libraries Libraries that help developers visualize data into charts Website Description ChartJS Simple yet flexible JavaScript charting ...
Splitting.js Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more! ↥ Back To Top Javascript Chart Libraries Libraries that help developers visualize data into charts Website Description ChartJS Simple yet flexible JavaScript charting ...