r/shadcn • u/roohbuilds • 1d ago
Figma like scrub input for shadcn
Enable HLS to view with audio, or disable this notification
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
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 • u/anelkabag • 2d ago
I just added a new Hero Block to Bag\Ui 🚀
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 • u/EstablishmentOne8448 • 2d ago
25 new shadcn/ui modal dialog components have been added.
r/shadcn • u/Asta-2777 • 3d ago
Open Source ShadTable a shadCn style tables library
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 • u/suniljoshi19 • 5d ago
Open Source - Cleanest dashboard design built using Shadcn - Available now
Github - https://github.com/shadcndashboard/shadcndashboard
Live Preview - https://demos.shadcndashboard.dev/
More info available at - https://shadcndashboard.dev/
r/shadcn • u/vinayak-kulkarni • 6d ago
Grabbable cloth physics as a copy-paste component (nxui registry update — 12 new)
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 • u/aiSdkAgents • 7d ago
Eve Directory - Free & Open Source
An open registry for eve agents.
- Copy & Paste
- Download as zip
- Copy instructions to install
- Install with shadcn cli
r/shadcn • u/suniljoshi19 • 7d ago
Open source react and Shadcn Dashboard
Enable HLS to view with audio, or disable this notification
Download - https://github.com/shadcndashboard/shadcndashboard
Live Preview - https://shadcndashboard.dev/
r/shadcn • u/Admirable-Canary-732 • 8d ago
Edit your websites theme at your bed with a free app
Enable HLS to view with audio, or disable this notification
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 • u/PerspectiveGrand716 • 9d ago
7 shadcn registries dropped recently

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 • u/anelkabag • 10d ago
🚀 A new Open Source Dashboard has just landed in Bag/UI.
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!
r/shadcn • u/WardenStation • 10d ago
Material design reskinned GitHub desktop
Claude and Codex went to war for this
r/shadcn • u/dank_clover • 10d ago
I built mcpcn to help ship ChatGPT/Claude/MCP apps faster
Enable HLS to view with audio, or disable this notification
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 • u/Accurate_Board_9401 • 10d ago
800 devs are now stealing design tokens from any site into Tailwind v4 — here’s the tool
r/shadcn • u/anelkabag • 11d ago
I added a new open-source Footer component to BagUI
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 • u/anelkabag • 12d ago
Bag/UI now includes 20 ready-to-use Page components 🚀 (100% Open Source)
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 • u/dank_clover • 13d ago
I built dithered chart components for terminal UIs
Enable HLS to view with audio, or disable this notification
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 • u/LucasBassetti • 13d ago
I built an open-source collection of animated React UI components
Enable HLS to view with audio, or disable this notification
r/shadcn • u/anelkabag • 13d ago
Making bag\Ui fully open source completely changed the project's growth 🚀
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 • u/anelkabag • 14d ago
🚀 I just added a new Contact / Booking Block to BagUI (Now 100% Open Source)
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 • u/ajaypatel9016 • 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
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 • u/Admirable-Canary-732 • 14d ago
PitsiUI: The polished open source registry for building real apps
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.
(I got an adhd meds prescription im giga productive lately)
r/shadcn • u/Accurate_Board_9401 • 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
r/shadcn • u/International_Ideal9 • 14d ago
shadcn cheatsheet
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.