Create
Pick a shadcn/ui preset and see Fulldev UI in it. The preset code works with the shadcn CLI.
bIkeymGOnly visible to your team.
Build every branch.
Email me when a build fails.
Updated 2 hours ago
In your Astro project, set up Fulldev UI in the preset's style, then apply the preset's theme and fonts:
npx shadcn@latest init https://ui.full.dev/r/styles/base-vega/base.jsonnpx shadcn@latest apply bIkeymG --only theme,font
Set the style in components.json, apply the theme and fonts, then reinstall the Fulldev UI components you use in the new style. Commit first, because --overwrite replaces your component files. The @fulldev registry must contain {style}, or components install in Vega.
"style": "base-vega"npx shadcn@latest apply bIkeymG --only theme,fontnpx shadcn@latest add @fulldev/button @fulldev/card --overwrite
How presets work
A preset is a short code for a set of choices: style, base color, theme, chart
color, fonts, radius, and menu accent. The shadcn CLI turns the code into your
components.json style, CSS variables, and fonts, so the same code works on
ui.shadcn.com/create and here.
The style decides the shape of components. Fulldev UI installs each component in
the style from your components.json, through the @fulldev registry on
https://ui.full.dev/r/styles/{style}/{name}.json. The theme and fonts are CSS
variables in your stylesheet.
Your choice here also applies to the previews on every page of these docs. Use Reset to go back to the default Fulldev UI look.
Fulldev UI uses Lucide icons, so presets keep the Lucide icon library. Menu colors are not supported yet. Read more in Presets.