Shadcn UI / Create

A new shadcn bootstrap to kickstart your UI.

Last update: 18 apr 2026added seraadded shadow for Luma and Sera Card Frametheme and chart now follow base colorsWhat can this plugin do?

You can choose 7 styles of ShadcnChange your 7 base colorChange your theme based on tailwind colorsSwitch 5 icon packSwitch your heading & fontSome components mimic shadcn / create behaviorBuild your own shadcn/uihttps://ui.shadcn.com/createComponents:

AccordionAlertBadgeButtonCardDialogInputLabelTextareaTabsSeparatorSonnerHow to use:[Update 2 Apr 2026]Please use the community files: https://www.figma.com/community/file/1621267316406570553/shadcnui-create-playground[Deprecated]Please use the playground file. It provides the components and variables created for the plugin.