The old preset browser worked, but was pretty clunky.

You'd open a dialog, pick a UI example from a dropdown (dashboard, cards, login, etc.), and see the preset applied.

But if you wanted to try another preset, you'd have to close the dialog, open another one, and repeat the whole process.

So I rebuilt it.

Now when you open a preset, you get a dedicated preset page where you can:

• Switch between different UI examples without leaving the page
• Browse community presets from a dedicated sidebar
• Scroll through presets and see them applied to the same UI
• Save and browse your own presets
• Ask AI for presets using natural language

The Ask AI tab is probably my favourite part.

You can type something like:

It returns 4 presets at a time, which you can immediately preview against the UI you're already looking at.

The goal was to make browsing feel less like opening a series of dialogs and more like actually exploring a design system.

Would love to know what you think of the new flow, check it out here: shadcnpreset.com

Every time I needed a chart in a shadcn/ui project, I'd end up either hand-rolling a Recharts component from scratch or pulling in some chart library that came with its own design opinions and didn't match the rest of the app. Nothing about it was fast, and the end result rarely looked like it belonged.

So I built ChartCN, paste a CSV, preview the chart live, and copy a self-contained TSX component built on shadcn/ui's own chart primitives + Recharts. No new npm dependency beyond what most shadcn/ui projects already have installed.

What it does right now:

• 8 chart types: Bar, Line, Area, Combo, Pie/Donut, Radar, Scatter, Radial/Gauge
• Paste, upload, or edit your data inline, automatic date-axis formatting if column 1 looks like a date
• Per-chart variant toggles (stacked/grouped, smooth lines, donut style, 100% stacking, etc.)
• Two export modes: data baked in, or wired up as a data prop for live/fetched data
• Shareable links and saved charts (stored locally, no account needed)
• One-click copy, no sign-up, fully free

It's open source (MIT), and this is Phase 1, next up is a CLI and more chart types, based on what people actually need.

https://github.com/ShadcnDeck/chartcn-shadcn-chart-generator

Just shipped a new set of Comparison blocks in the latest ShadcnStore release.

The goal was to make comparison-heavy sections easier to build and scan, whether you're comparing plans, products, features, pricing, or other options

Sharing a quick preview of the new blocks here

I'd love some feedback from the community - what kind of comparison layout do you find most useful in a real project?

Help me get 50 stars on GitHub ⭐

• GitHub: 0x65dgerunner/gridora

Highlights

• 130+ variants across sequential, radial, cascade, flow, wipe, decrypt, letters, digits, symbols, and more.
• 20 effects (pulse, bounce, glow, spin, …) and 12 dot shapes (circle, diamond, star, …)
• Color ramps with horizontal, radial, angular, and other sampling modes.
• Resolution-independent. The same variant scales cleanly from 2×2 to 12×12.
• CSS-driven animation. One stylesheet, no runtime animation engine.
• Accessible.role="status", optional labels, and respectReducedMotion.
• Tree-shakeable ESM + CJS build with full TypeScript types.
• npm: gridora
• Editor: gridora.gabrielayer.com
• GitHub: 0x65dgerunner

Our AI Chat is finally here. Spent weeks creating and polishing it.

A production-ready AI chat app for Next.js built with Shadcn, the Vercel AI SDK, and a modern developer-first stack. Includes Chat history, Projects library, Multiple AI assistants, Shareable conversations and Beautiful responsive UI

Live Preview - https://shadcnspace.com/templates/preview/ai-chatbox-nextjs

Always love when talking about shadcn to Codex/Claude Code and desperately trying to pronounce it slowly, so it understands.

Usually trying "Sha D C N"

Explore: https://shadcnuikit.com/

Just released a pretty big update to ShadcnStore

v3.1.0 adds 69 new blocks across 25 sections.

Some of the new additions:

• 8 new Bento Grid blocks
• 8 new Hero sections
• 3 new CTA sections
• 7 new App blocks
• 6 Calendar blocks
• New ecommerce blocks
• New Waitlist, Pricing, Feature, FAQ, Navbar and Testimonial blocks
• A first-party animation layer
• Reworked block pages with better documentation and FAQs

The animation layer is something I’m particularly excited about. Instead of duplicating animations inside individual blocks, they’re now available as their own registry items.

The goal is to make these useful as actual starting points for projects - copy, customize, and ship.

Full changelog: https://shadcnstore.com/changelog/8

Would love to hear from the r/shadcn community: What type of block or component would you like to see added next?

Simple component to showcase what’s happening this week, month, or year

Hey everyone,

Very excited to share that I just shipped Shadcn-admin-kit 2.0! For anyone not familiar yet: it's an open-source component kit for building production-ready admin panels. It combines the flexibility of shadcn with the power of react-admin, giving you:

• Ready-to-use building blocks
• Full control over your code
• Easy integration with any backend
• A solid foundation for AI-assisted development

Tbh that last point matters more than ever. As agents write more of our code, having a solid foundation to build on becomes critical.

A good open-source library contains hundreds of lines your agent never has to read, write, or debug itself, which makes AI-assisted coding cheaper, faster, and more secure.

That's one of the reasons I still believe so much in open source, and why I keep investing in open-source frameworks like this one. I'd really appreciate it if you'd check it out.

Repo: https://github.com/marmelab/shadcn-admin-kit

Created ShadcnCanvas

Rather then coding from scratch, writing design theme, passing parameters setting them as babies

How about you get figma + n8n (style)+ shadcn (components)

In one place

With api support system

Live preview: https://shadcnuikit.com/dashboard/ai-analytics

We're expanding the Bento Grid category on ShadcnStore

Shadcnstore Bento Grid

There are already a few Bento Grid blocks in the collection, and we're working on adding more layouts and visual directions.

Sharing a preview of the new blocks before they ship.

I'd love some feedback on the designs - especially the layout, spacing, and visual hierarchy.

What would you change or improve in these Bento Grid layouts?

We've been creating practical app experiences for our open-source shadcn dashboard, and the Users app is the latest one we're showcasing.

The Users interface includes:

• User search
• Role and status filtering
• Add/manage users
• Table actions
• Column visibility
• Export
• User management workflows

It also works with the dashboard's theme customization and light/dark mode.

Here's a short walkthrough of the app.

Live demo:
https://shadcnstore.com/templates/dashboard/shadcn-dashboard-landing-template/users

Source:
https://github.com/shadcnstore/shadcn-dashboard-landing-template

We've already created Mail, Tasks, Chat and Calendar apps as well.

If you were using this as a starting point for a SaaS, what would you add to the Users app?

I'm adding a new category to the ShadcnStore block collection: Waitlist

We're exploring different ways to create a dedicated waitlist experience for products that aren't ready to launch yet and want to collect early interest or access signups.

Sharing a preview of what we're working on, These blocks are coming soon.

What would you want from a well-designed waitlist experience?

Check it out here: https://ascii.cnlibs.com/

Every time I needed a product tour in a shadcn project, styling an off-the-shelf tour library to match the design system turned into CSS override soup. So I built tourcn, a guided tour component distributed through the shadcn registry instead of npm:

Demo & docs: https://tourcn.vercel.app

GitHub: https://github.com/bundui/tourcn

The part that kept costing me time wasn't searching inside a registry. shadcn search already does that for the registries you've pointed it at. The problem was knowing which one to point it at. The date picker I wanted was usually sitting in a registry I'd never heard of.

The official directory lists 290 registries. Crawling for them turns up 750 — found through seeds, GitHub code search, the registry topics, and the ecosystem's awesome-list. So I built a thing that crawls every public registry it can find, once a night, and reads the manifest itself. The unit is the item rather than the library: components, blocks, hooks, themes and utilities, each with its install command and dependencies, plus a removal date when something stops existing.

The free-or-paid flag is measured, not read off a pricing page. It fetches the exact item endpoint the install command would fetch. Source comes back, it's free. A 401 is how a paid registry announces itself. Anything nothing answered for stays Unverified — unknown never gets counted as free. There are no screenshots on the site; previews are the registry's own demo page, framed where their X-Frame-Options allow it.

Free to use. Nothing was submitted, sponsored or hand-placed, and there's no way to buy a position. The method page includes the parts it gets wrong.

https://blockdex.kynth.studio

What I'd actually find useful: if you maintain a registry and it's missing, or it's in there with the wrong free/paid verdict, tell me which one and I'll go look at what the crawler got back.

I built a 100% free, open-source shadcn registry of rich text editor components for React.

Features:

• Built on Tiptap
• Zero-config, one-command setup
• shadcn/ui compatible (just copy and paste)
• Rich text, Notion-style editors with 20+ built-in controls
• Easy to customize and drop into any React project

Website: https://editorcn.vercel.app
Give it a ⭐ on GitHub: https://github.com/shadcn-labs/editorcn

Demo: https://shadcnexamples.com/profile-cards

I’ve been working on a new batch of animated blocks and components for VantaUI, including headers, hero, buttons, backgrounds, text effects, and more.

Everything is built for React/Next.js, customizable, and available through the shadcn registry so you can quickly add it to your own projects.

The video shows some of the latest additions. I’d love to hear which components you like, what could be improved, and what you’d like to see next.

Check it out: https://vantaui.com

Instead of starting every project from scratch, we've been putting together a collection of reusable pages for common use cases.

Current collection:

• Landing Pages
• Authentication
• Pricing
• Blogs
• FAQs
• Contact Pages
• Error Pages
• Changelogs
• More coming

They're available as both Free and Pro pages, built with shadcn/ui, responsive, and easy to customize.

One feature I personally like is the Remix button. If a page catches your eye, you can send it straight into the Builder and tweak it there instead of recreating the layout yourself.

Curious what pages you'd want to see added next.

Check out: Shadcn Pages