Beautiful themes for shadcn/ui
600+ blocks, themeable in an instant
Built with shadcn/ui official theme variables.
Our blocks are built from the ground up using shadcn/ui latest official theme variables. This means you can seamlessly apply any shadcn theme to both our blocks and the underlying components.
Tailwind 4 ready, just replace the:root
in your css.
Tailwind 4 compatibility means you can easily apply any shadcn theme by simply replacing the :root and .dark CSS variables in your stylesheet. Quickly switch between different themes without having to refactor your code every time.
Premade themes from the top theme editors.
Access hundreds ofprofessionally designed themes from leading theme editors and generators. Choose from modern, classic, or custom styles created by trusted platforms like Tweakcn, StyleGlide, and the official shadcn.
Shadcn Official
Visit Shadcn OfficialBeautifully designed components
Tweakcn
Visit TweakcnVisual theme editor for UI customization
StyleGlide
Visit StyleGlideAI-powered design system generator
Try our free blocks first
Visit the block library and filter by free or basic blocks. Free blocks are ready to copy/paste, basic blocks simply require a login but no payment.