I Built a Visual Playground for shadcn Presets

Hi everyone :waving_hand:

I’m Morgan, and I’ve been building shadcnpreset - an open-source platform for discovering, generating, previewing, and working with shadcn/ui presets.

What started as a side project quickly turned into a deep dive into the shadcn ecosystem.

A few things you can do today:

  • Browse and filter thousands of WCAG-compliant presets

  • Preview presets on real dashboard and login UIs before using them

  • Save and organise your favourite presets

  • Describe what you’re looking for with AI to discover matching presets

  • Generate CSS custom properties from compact preset codes

The project is built with Next.js, shadcn/ui, AI SDK, AI Elements, Turborepo, and several other tools from the Vercel ecosystem.

I’d love to hear any feedback, ideas, or feature requests from the community.

Also, I was fortunate enough to recently join the Vercel Open Source Program, which has been a huge help for the project :raising_hands:

https://shadcnpreset.com

2 Likes

I love how easy this makes preset discovery and customization!

1 Like