"Shadcn, the popular set of open-code UI components, has released a visual project builder accessible via the npx shadcn create command, shipping with comprehensive theming, framework support, and a design-first approach to scaffolding new projects. The create command introduces a visual interface at ui.shadcn.com/create that allows developers to customize their entire project setup before writing a single line of code. The tool supports Next.js, Vite, and TanStack Start frameworks, with full configuration for themes, component libraries, icon sets, and design systems."
"A key feature is the ability to preview and customize every aspect of a project's design system in real time. Developers can select between Radix UI and Base UI as their component foundation, choose from multiple visual styles including the popular Nova preset, configure base colors and themes, select icon libraries like Lucide, customize fonts and border radius values, and adjust menu colors and accents. The interface includes a shuffle feature that generates random design combinations, helping developers explore different aesthetic directions quickly."
"This approach contrasts with traditional scaffolding tools like create-next-app or create-vite, where styling and component libraries are typically added after project initialization. By frontloading these decisions, the visual builder eliminates the repetitive setup work that developers previously performed manually. Once developers are happy with their customization, they are given a custom shadcn create command which includes all the parameters for the customisation options the developer has selected."
The create command launches a visual builder at ui.shadcn.com/create that lets developers configure entire project setups before writing code. The builder supports Next.js, Vite, and TanStack Start and configures themes, component libraries, icon sets, fonts, border radii, and menu accents. Developers can choose Radix UI or Base UI foundations, apply visual presets like Nova, pick icon libraries such as Lucide, and preview component-level changes in real time. A shuffle feature generates random design combinations. The process outputs a custom npx shadcn create command with all selected parameters, removing repetitive post-init styling and scaffolding work.
Read at InfoQ
Unable to calculate read time
Collection
[
|
...
]