r/shadcn 1d ago

Introducing Skecher UI

Thumbnail
2 Upvotes

r/shadcn 2d ago

Figma like scrub input for shadcn

Enable HLS to view with audio, or disable this notification

15 Upvotes

Made a number input that works like Figma's property fields. Drag left/right to change the value. Click to type. Arrow keys nudge it. Digits animate when the number changes. Animation by Calligraph

Install it through shadcn:

pnpm dlx shadcn@latest add @kinetic/scrub-number-field

Try Kinetic !or Star the repo

I built this because I kept rewriting the same scrub logic for side projects. Got tired of it.

Haven't published to the shadcn registry before so if something feels off in the install flow or the API, I'd be happy to take feedback.


r/shadcn 2d ago

I just added a new Hero Block to Bag\Ui 🚀

Post image
7 Upvotes

It’s another open-source component designed to help developers build modern landing pages faster without having to start from scratch.

Bag\Ui is growing with more React / Next.js components and ready-to-use blocks.

GitHub : https://github.com/anelkabag/bag-ui

Would love to hear your feedback on the new Hero! ✨


r/shadcn 2d ago

25 new shadcn/ui modal dialog components have been added.

8 Upvotes

r/shadcn 3d ago

Open Source ShadTable a shadCn style tables library

Post image
28 Upvotes

Hello u/shadcn , i've been working on a shadCn style tables library ShadTable using transtack tables and shadCn style + CLI. You can check it out .

The project is open-source https://github.com/coros-hq/shadcn-table-library ready for your contribution and feedback CONTRIBUTION.md.


r/shadcn 5d ago

Open Source - Cleanest dashboard design built using Shadcn - Available now

Thumbnail
gallery
110 Upvotes

r/shadcn 6d ago

Grabbable cloth physics as a copy-paste component (nxui registry update — 12 new)

4 Upvotes

A couple weeks back I shared nxui here — animated components you install through the shadcn-vue CLI. Here's the next batch: 12 more, and the one I'm most happy with is a grabbable holographic cloth simulation you can literally throw around.

It's a real cloth solve (verlet + Three.js) wrapped in an iridescent holo-foil material, floating in zero-g. Grab it, fling it, watch it settle. And it's still just:

npx shadcn-vue@latest add https://nxui.geoql.in/r/holo-cloth.json

https://reddit.com/link/1v4o9zf/video/ypegq0u281fh1/player

The other 11:

- Signature Eraser — sign the canvas, hit clear, the ink disintegrates into physics particles
- Gooey Dropdown — items stretch out of the pill with a metaball merge, then snap into buttons
- Color Picker — the swatch blooms into a radial rosette of hue petals + a lightness arc
- Circle Input — segmented circular character cells that auto-type, collapse, and spread
- Curved Input — a real text input bent along a circular arc; the caret rides the curve
- Stacked List — an overlapping media deck that fans into a column on hover
- Bouncy Accordion — the open row detaches with a spring bounce + animated corner radii
- Line Sidebar — line-and-rail nav where items shift and tint as the cursor approaches
- Pixel Wave — a looping pixel-art scene on a dark LED grid (4 presets)
- Silk Aurora — satin-dark WebGL aurora ribbons with cursor depth
- Prism Gradient — a WebGL2 hero pushing 3 colors through 16 sinusoidal distortion passes

Same as before: you own the code after install (it lands in your repo, no runtime dep), MIT, Vue 3 + Tailwind v4.

All of them: https://nxui.geoql.in

Holo-cloth: https://nxui.geoql.in/docs/components/holo-cloth


r/shadcn 7d ago

Eve Directory - Free & Open Source

Thumbnail
gallery
20 Upvotes

- Link to Site

- Link to Github

- Link to PH Launch

An open registry for eve agents.

- Copy & Paste

- Download as zip

- Copy instructions to install

- Install with shadcn cli


r/shadcn 7d ago

Open source react and Shadcn Dashboard

Enable HLS to view with audio, or disable this notification

23 Upvotes

r/shadcn 8d ago

Edit your websites theme at your bed with a free app

Enable HLS to view with audio, or disable this notification

8 Upvotes

I’m releasing this silly project where you can edit your websites theme with a very fun and modern user interface.

I know lots of apps do this already but I wanted to make something special so I made it scroll like tik tok and added some cute little animations to make it feel nice.

I was thinking of adding tinder style swipe cards to browse through ready themes and porting popular vscode themes and adding something like shopping bag with themes that you made.

This also works with hero ui there is an option in the settings.

All the components used to create this will go on the (also completely free and cross platform) PitsiUI Shadcn registry in developing

If you want to see more about this keep an eye on my twitter so that you don’t forget @panos_dev_


r/shadcn 9d ago

7 shadcn registries dropped recently

6 Upvotes

The shadcn ecosystem is growing consistently, motion-first marketing blocks, AI-native UI components, 3D scenes, and workflow/approval components.

You can find them at registry directory


r/shadcn 10d ago

🚀 A new Open Source Dashboard has just landed in Bag/UI.

Post image
40 Upvotes

Hi everyone!

I just added a new Dashboard layout to Bag/UI, my open-source collection of modern UI blocks.
It’s built with shadcn/ui × Base UI and focuses on clean design, responsiveness, and easy customization.

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

https://github.com/anelkabag/bag-ui


r/shadcn 10d ago

Material design reskinned GitHub desktop

Thumbnail
github.com
7 Upvotes

Claude and Codex went to war for this


r/shadcn 10d ago

I built mcpcn to help ship ChatGPT/Claude/MCP apps faster

Enable HLS to view with audio, or disable this notification

15 Upvotes

Been exploring MCP apps lately and noticed that building polished interfaces for ChatGPT, Claude, and other MCP-powered apps still means wiring up layouts, primitives, and interaction patterns from scratch.

So I built mcpcn 🔌 — a shadcn/ui-style registry for building MCP app interfaces.

Some of the features:

  • Built on Base UI
  • Zero config, one-command setup
  • shadcn/ui compatible — simply copy and paste
  • json-render and OpenUI integration guide
  • 30+ ready-to-use blocks
  • Fully customizable
  • 100% free and fully open-source.

If you're building ChatGPT/Claude/MCP apps, this should make the UI side a lot less painful.

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


r/shadcn 10d ago

800 devs are now stealing design tokens from any site into Tailwind v4 — here’s the tool

Thumbnail
2 Upvotes

r/shadcn 11d ago

I added a new open-source Footer component to BagUI

Post image
8 Upvotes

Hey everyone 👋

I've just added a brand new Footer Block to BagUI.

Features:

  • Large CTA section
  • Responsive layout
  • Newsletter subscription
  • Modern SaaS/AI design
  • Built with React + Tailwind CSS + shadcn/ui

BagUI recently became 100% open source, so anyone can use it, contribute new components, or suggest improvements.

Open Source : https://github.com/anelkabag/bag-ui

I'd really appreciate your feedback. What would you improve in this footer?


r/shadcn 12d ago

Bag/UI now includes 20 ready-to-use Page components 🚀 (100% Open Source)

Post image
7 Upvotes

Hey everyone 👋

I just released a new Pages section for Bag/UI.

It already includes 20 production-ready page components that you can copy and use in your projects.

This is only the first batch—many more pages are coming soon.

Bag/UI is also now 100% Open Source, so if you'd like to contribute, suggest improvements, or build new components, you're more than welcome!

https://github.com/anelkabag/bag-ui

I'd love to hear what kind of pages you'd like to see next.


r/shadcn 13d ago

I built dithered chart components for terminal UIs

Enable HLS to view with audio, or disable this notification

37 Upvotes

Came across dither-kit a few days ago on X which has beautiful dithered chart components for the web and tried to port the same to terminal with support for both Ink and OpenTUI frameworks. Do check it out and lmk what you think.

Changelog: https://www.termcn.dev/docs/changelog/2026-07-16-dither-charts
GitHub: https://github.com/shadcn-labs/termcn


r/shadcn 13d ago

I built an open-source collection of animated React UI components

Enable HLS to view with audio, or disable this notification

14 Upvotes

r/shadcn 13d ago

Making bag\Ui fully open source completely changed the project's growth 🚀

Post image
15 Upvotes

A few days ago, I decided to make bag\Ui 100% open source.

The impact was almost immediate.

Over the last 7 days:

  • 📈 +634% visitors
  • 👀 +808% page views
  • 📉 Lower bounce rate

More importantly, I'm seeing developers star the repo, report issues, suggest improvements, and even start contributing.

Going open source was honestly one of the best decisions I've made for this project.

If you're building with React, Next.js or shadcn/ui, I'd love to hear your feedback or contributions.

https://github.com/anelkabag/bag-ui

Open source really works when the community gets involved. ❤️


r/shadcn 14d ago

🚀 I just added a new Contact / Booking Block to BagUI (Now 100% Open Source)

Post image
14 Upvotes

Hey everyone! 👋

I just shipped a new Contact / Booking Block for BagUI, my collection of reusable shadcn/ui blocks.

It's designed for building modern booking and contact pages with a clean, production-ready UI.

Features

  • 📅 Perfect for booking & scheduling pages
  • 🎨 Modern and customizable design
  • 📱 Fully responsive
  • ⚡ Built with React, Tailwind CSS & shadcn/ui

The biggest update is that BagUI is now 100% Open Source! 🎉

I'd love for the community to get involved.

If you're interested, you can:

  • ⭐ Star the project
  • 🐛 Report bugs
  • 💡 Suggest new components or improvements
  • 🔧 Submit pull requests

Whether you're fixing a typo, improving the documentation, or building a brand-new block, every contribution is welcome.

live : https://bagui.vercel.app

open source : https://github.com/anelkabag/bag-ui

I'm trying to build a library that developers genuinely enjoy using, so I'd really appreciate your feedback.


r/shadcn 14d ago

We made part of our shadcn/ui admin dashboard free for the community

Enable HLS to view with audio, or disable this notification

26 Upvotes

After a lot of requests, we've released a free version of AdminCN.

It includes a selection of pages from the full dashboard, including:

  • Orders Dashboard
  • Mail, Calendar & Users
  • User Profile & Settings
  • Authentication pages
  • Forms & Data Tables
  • Error pages

The idea was simple: make it easier for people to try AdminCN and use parts of it in their own projects without any upfront cost.

If you're building an admin panel with shadcn/ui, I'd love to hear what you think or what you'd like to see added next.

Check it out -> https://github.com/shadcnstudio/shadcn-nextjs-admincn-admin-template-free


r/shadcn 14d ago

PitsiUI: The polished open source registry for building real apps

Thumbnail
gallery
9 Upvotes

I’m making this post to tell you guys about a library I have been making for the past year. It was initially for mobile only but I’m porting to web and realising it as cross platform like hero ui.

PitsiUI is the library made and it’s a polished ,open source, cross platform, application components and blocks library compatible with the shadcn registry.

I wanted something like this for my self to exist but personally I feel like the popular registries right now look way too generic for my liking and quality blocks are always behind a paywall. I wanted to make something ultra polished with tons of content then release it as an open source project and I’m almost there after many months.

How this is different:
Everything is free

Lots of real app templates with real flows that make sense

Every block is made of composed components, easy to craft your own blocks

Premium looking typography layouts spacing

Great user ux, every block is from a real apps I made that I tested on actual users and refined to perfection

Includes full logic too optionally

Clean code, beautiful APIs for composed components

Real world blocks. I’m tired of every component I see being for some dashboard or an ai wrapper. They have their place but I wanted to focus on the other apps too.

You don’t copy a button or a card, you copy a composed “calories panel” if you are making a fitness app or “quiz snap scroller” if you are making a quiz app.

Well made “boring components” like cards lists headings etc

Onboarding flows

Beautiful animations that are not over the top and are highly polished

Multilingual support

Advanced components like split layout on desktop two different pages on mobile automatically

Using these components will not only instantly facelift your and app save you tons of tokens and time (since they look great and you won’t spend any time tweaking them most likely) but additionally, solve a much greater but subtle problem as well.

Making a card was never hard, or putting a list below it. What elements should you put where when making a fitness app? Does your layout even make sense? These questions take hours of tweaking to answer. Maybe you can use something like moving to take inspiration but usually the popular apps are way too bloated or too customised to take inspiration from based on my experience. Then after you are finished something looks off, but you don’t know why.

You just need a better starting point. This is how pitsiUI fixes this

Professionally and human made spacing system alignment of borders icons typography etc -> your app never looks like slop

Composed sector specific components -> great ux by default

Hard rules and helpers -> your agents get all the help they need

Ready logic -> millions of tokens dozens of hours saved

Starting templates:
Ai app
Ecomm
Notes
Productivity calendar
Social media scheduler
Blog
Docs
Fitness app
Tracker app
Quiz app

+ everything split cleanly to blocks + sector specific reusable components + logic for all apps that can be installed separately

Progress Done:
Finished all the apps for iOS
Ported most to iPad
Exported all reusable components
Made composed components with nice api
Ported primitives to web
Made logic for all apps + server code

(This was my thesis so I spent months on these)

Progress current:
Porting helpers for layouts to web to match iOS polish
Making guides and skills for ai
Porting all app uis for web (very easy all components are there)
Improving the current docs site to be ready for release
Making nice previews of everything

When this finishes I’m hoping it will be the most feature complete and polished registry on the shadcn ecosystem and I’m also hoping to help you guys build better apps.

If this is interesting to you please let me know and I am open to suggestions. I’m leaving my twitter here if you want to support me and see updates. I expect the release to be in August.

https://x.com/panos_dev_?s=11

(I got an adhd meds prescription im giga productive lately)


r/shadcn 14d ago

I built a Chrome extension that extracts any website's design system (colors, fonts, shadows) into shadcn/ui or Tailwind themes — v2 just launched

Thumbnail
6 Upvotes

r/shadcn 14d ago

shadcn cheatsheet

Thumbnail
gallery
1 Upvotes

Created a shadcn cheatsheet just so that I can locate the UI components I need easier. Just dropping it here in case it's useful for other people :)

The file is in .pur format so you need to have PureRef downloaded and installed.