shadcn/ui Blocks, Templates, and Dashboard

#webdev #react #tailwindcss

shadcn/ui gives you great building blocks. What it doesn't give you is finished sections and full pages, and that's the gap UIAble 1.0.0 is meant to fill. It's our first Pro release, so here's what's inside and where each piece helps.

What's in 1.0.0

Pro blocks

The Pro shadcn blocks cover Hero, Bento, E-commerce, CTA, Footer, Pricing, Process, Testimonial, and Charts, with more on top.

Use them when you're building a landing page or marketing site and need a section, not a whole page. Drop one in, swap the copy, and adjust it to your brand.

Pro templates

Templates are full starting points for LMS, finance, AI, portfolio, SaaS, and SEO projects.

Use them when you're starting something new and want structure from minute one. Pick the closest match and edit from there.

Admin dashboards

You get dashboards for LMS, default, and finance use cases.

Use them when you're building an admin panel or internal tool. The layout is already there, so you can focus on wiring up your own data and logic.

Pro components and easier browsing

We've released a first set of Pro components that sit alongside the shadcn components you already use. The component pages, where everything is listed, have been redesigned so finding what you need takes less digging, and the main landing page got a revamp too.

Where to start

None of this replaces shadcn/ui. It builds on it, so you spend less time rebuilding common sections and more time on what makes your product different.

If you're building...	Start with
A landing or marketing page	Pro blocks
A new SaaS, AI, LMS, or portfolio project	Pro templates
An admin panel or internal tool	Admin dashboards
Something designers and devs both touch	Figma design system + MCP

Try it out

Browse the blocks, open a template that fits your next project, or connect your agent with Figma MCP and see how it fits your workflow.

DEV Community