Hey all,

shadcn just made Base UI the default in shadcn/ui, so we followed. As of today every block, piece, and component on Beste UI supports Base UI too, right next to Radix. Same components, your choice of primitive.

Where it's at right now: 1,500+ shadcn blocks, 1100+ pieces and components, each one available in Base UI or Radix from a single source.

If you want to poke around: ui.beste.co

Been building this in the open for a while, so any feedback (especially from folks already on Base UI) means a lot 🥰

If you're building ChatGPT-style apps, Claude wrappers, or local agent UIs, you probably need loading states that match the vibe.

Generic spinners feel wrong next to a terminal prompt. So I added 9 ASCII loaders to loading-ui:

• terminal: > + blinking block cursor (classic CLI feel)
• accordion-loader, conveyor-loop, symmetric-wave: animated unicode block trails
• square-grid, square-snake, infinity-track: path-based unicode animations

All React components, copy-paste install, MIT licensed.

npx shadcn add @loading-ui/terminal

Use cases I had in mind:

• "Generating code..."
• "Running agent..."
• "Deploying..."
• Streaming tool call status

Live previews: https://loading-ui.com Open source: https://github.com/turbostarter/loading-ui

Anyone else building AI dev tools? What do you use for pending states while the model thinks?

Introducing Rtecn

Tiptap based rich text editors, but as shadcn components

No more building toolbar UIs from scratch, wiring up dropdowns and popovers by hand, and styling every button to match your app.

Now you just plug in Tiptap's extensions and drop in the component, toolbar, slash menu, drag handle, and bubble menu come built-in and on-theme. Need more? Add your own custom controls and slash commands in a few lines.

100% open source.

Toolbar editor, Notion-style block editor, dark mode, and 3 variants included, etc

GitHub: link

Try it here: link

A few days ago, I shared that framecn got a dedicated collection of typography components.

Yesterday, Paper open-sourced their new shaders library, and the effects were so good that I knew they had to be available as framecn components for creating insane launch videos.

I've now added all 18 shader components to framecn, so you can use them out of the box in your own projects.

GitHub: https://github.com/shadcn-labs/framecn
Docs: https://www.framecn.dev

After shadcn/preset exposed preset data, I saw an opportunity to do something a bit different.

I took inspiration from graphic design and explored what it would look like to treat presets as complete design systems rather than the typical themes and color palettes.

It evolved into a new way to browse presets, where every preset has its own identity and shows how it can be applied across typography, imagery, layouts, icons, charts, dashboards, auth screens, marketing pages, and more.

It was a fun creative and graphic exploration, but I also found it a much nicer way to browse presets than scrolling through endless grids of cards.

Curious what other people think.

Check it out here: https://shadcnpreset.com

Demo: https://shadcnuikit.com/dashboard/project-management
Other dashboards: https://shadcnuikit.com/admin-dashboard

Hey everyone! 👋

I've been working on Bag\Ui, a free collection of React + Tailwind UI components, and today I added a brand new Footer component.

I wanted something that wasn't just another generic footer, so I focused on making it:

• Responsive by default
• Easy to customize
• Clean and modern
• Production-ready
• Simple to integrate into existing projects

🔗link : https://bagui.vercel.app/blocks/footer

I'd genuinely appreciate some feedback:

• What makes a footer great in your opinion?
• Any sections or features you always wish UI libraries included?
• What component should I build next?

Thanks! 🙌

Hey guys I’m building a cross platform registry using Shadcn I made a quick demo app to showcase it. Tell me if you like how it looks and if you think this is a good idea in general.

I’m also building a bunch of free templates and blocks. I have also developed a system with reusable logic across mobile and web that can be shared though the registry and each application route can be copy pasted as a block headlessly, so if you like a screen in one of the demo apps in web or native you can just copy paste it. If you like the logic but don’t like the ui you can just copy paste the logic only.

(Ignore the fact that the demo app is a period tracker 😭)

I've spent the last few months building an admin dashboard starter for the shadcn ecosystem, and I'd love to get some feedback from the community.

It includes:

• Next.js 16 + shadcn/ui + Tailwind CSS v4
• Multiple dashboard variations
• Prebuilt apps like Mail, Chat, Calendar, and Kanban
• Data tables, charts, auth pages, user management, and settings
• Theme customizer and API-ready structure

The goal wasn't to create another dashboard demo, but something that can serve as a solid starting point for real products.

I'd really appreciate any feedback on the UI, component organization, developer experience, or anything you'd improve.

Check out:- Shadcn Admin Dashboard Template

A few weeks ago, I shared that framecn got a dedicated collection of caption components.

While working on those, I realized captions were just one piece of the puzzle. Product videos, demos, and tutorials also rely heavily on animated text effects to make intros, feature highlights, and transitions feel more engaging.

So I spent the last few days building a dedicated collection of typography components for framecn.

framecn now includes 15+ typography components out of the box, including Typewriter, Matrix Decode, Blur Reveal, Tracking In, Infinite Marquee, RGB Glitch Text, and more.

GitHub: https://github.com/shadcn-labs/framecn
Docs: https://www.framecn.dev

New update on Shadcn Space.

• Minimal SaaS Template
• 30+ new premium blocks
• 30+ new components

Check here - https://shadcnspace.com/

Let us know if you would like us to add any specific blocks and components to our library.

One thing I always struggled with when building mobile apps was navigation.

For a long time, getting smooth stack transitions, tab bars and native-feeling navigation meant combining multiple libraries and writing a bunch of glue code.

After reusing the same setup across several projects, I decided to package it into a registry item.

Now it's basically:

npx shadcn@latest add AdrienADV/capstart/react-capacitor-navigation

and you get a mobile-first navigation setup ready to use :)

The goal wasn't to create another component library.

I just wanted a way to reuse the same navigation system across projects without copying files around every time.

Update on @loading-ui, the custom registry for loading states.

New feature: color presets.

8 OKLCH-based colors exposed as CSS variables:

--loader-black
--loader-blue
--loader-violet
--loader-orange
--loader-red
--loader-green
--loader-yellow
--loader-sky

Each has a matching --loader-{color}-gradient for the picker UI. Gradients are auto-generated from the base OKLCH value.

Why CSS vars instead of Tailwind color classes on every loader:

• Loaders use currentColor, so one color: var(--loader-blue) on a parent tints spinners, skeletons, text shimmer, etc.
• Doesn't fight your existing shadcn theme tokens
• Easy to map to your brand: override --loader-blue in your global CSS

Preview all ~45 registry components in any preset on https://loading-ui.com (color picker below hero).

Install unchanged:

npx shadcn add @loading-ui/ring

Repo: https://github.com/turbostarter/loading-ui

Would a @loading-ui/colors registry item be useful, or is copying the CSS vars enough?

A while back I launched ogimagecn - a shadcn/ui-style registry for Open Graph images built with Satori.

With so many shadcn registries popping up lately, I spent the last few days building a dedicated collection of OG image components tailored specifically for registry authors.

GitHub: https://github.com/shadcn-labs/ogimagecn
Docs: https://www.ogimagecn.com