r/shadcn

▲ 7 r/shadcn

shadcn has no cascader.

If you have ever tried to build a nested dropdown in React, you know the pain. Country > State > City. Category > Subcategory > Tag. The data is a tree, but every solution either flattens it or gives you a single drill-down column.

reddit.com
u/JayCrys — 1 day ago
▲ 58 r/shadcn+1 crossposts

I built pdfcn to help you create PDFs faster

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

Features:

  • Built on Takumi and Forme
  • Zero-config, one-command setup
  • shadcn/ui compatible (just copy and paste)
  • 10+ themes, components, blocks
  • Easy to customize and drop into any React project

Website: https://pdfcn.dev
Give it a ⭐ on GitHub: https://github.com/shadcn-labs/pdfcn

u/dank_clover — 2 days ago
▲ 71 r/shadcn+1 crossposts

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

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

u/ajaypatel9016 — 2 days ago
▲ 7 r/shadcn

Our open-source shadcn dashboard just crossed 1,000+ GitHub stars ⭐️

Hey everyone 👋

A small milestone we wanted to share with the r/shadcn community:

Our open-source dashboard just crossed 1,000+ GitHub stars ⭐️

When we first open-sourced it, the goal was simple: create a useful starting point for developers building SaaS products, admin panels, and internal tools.

Since then, we've expanded it with complete app experiences including:

📧 Mail
✅ Tasks
💬 Chat
📅 Calendar
👥 Users

The project also includes:

  • shadcn/ui
  • React + Vite
  • Next.js
  • Tailwind CSS
  • TypeScript
  • Light/dark mode
  • Theme customization
  • Responsive layouts

We're genuinely grateful to everyone here who has starred it, tried it, shared it, or given feedback.

1,000+ stars is a pretty cool milestone for an open-source project ❤️

ShadcnStore celebrates reaching 1,000+ GitHub stars for its open-source shadcn dashboard. The banner features a laptop displaying the dashboard with analytics, calendar, tasks, messages and activity panels, along with the project’s GitHub repository and technology highlights including shadcn/ui, Next.js, TypeScript, responsive design, light/dark mode and customization.

If you've used the template, we'd love to hear:

What should we improve or add next?

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

reddit.com
u/Then_Abbreviations77 — 2 days ago
▲ 7 r/shadcn+4 crossposts

I built a Frontend-focused NEXT.JS starter with custom UI components, auth layout, dashboard layout, i18n, RBAC, a polished DX and more.

After a long time of development, I can finally share this open-source repo with you guys.

It can be especially helpful for frontend developers working with Next.js, React, and TypeScript.

It’s an open-source, frontend-first Next.js boilerplate built for an API-driven workflow. It’s designed to consume external backends, whether REST, GraphQL, or BFF, while giving you a polished, production-ready starting point out of the box.

I’ve been using this boilerplate for my own frontend projects, and it includes pre-built authentication layouts, role-based dashboard layouts, and 40+ custom, reusable UI components.

More details: https://github.com/salmanshahriar/Next-Elite

Live Url: https://next-elite-boilerplate.vercel.app

Give a Star on GitHub if you like it ⭐️

github.com
u/ThreadWavet — 3 days ago
▲ 81 r/shadcn+1 crossposts

Free shadcn/ui portfolio template

Just released Zolt, a free portfolio template for designers, developers, freelancers, and creative professionals.

It’s built with Next.js, shadcn/ui, Tailwind CSS v4, and TypeScript.

It includes sections for:

  • Featured projects
  • Experience
  • Skills & tech stack
  • Services
  • Pricing
  • Testimonials
  • Contact

It also supports light, dark, and system themes and is fully responsive.

If you're looking for a starting point for a personal portfolio or just want to see how a larger shadcn/ui template is structured, it's completely free to use.

Check out - Shadcn Portfolio Template

u/ajaypatel9016 — 4 days ago
▲ 5 r/shadcn

Looking for a ShadCN Enterprise Admin Template

I’m looking for a highly polished, enterprise-grade admin template built with ShadCN UI + React or Vue for a Accounting, CRM and HR platform.

I’m not looking for a basic dashboard template. I need something production-ready with a strong focus on:

  • Clean, modern enterprise UX
  • Complex data tables and filtering
  • Forms and workflows
  • Role-based access / permissions
  • Responsive layouts
  • Accounting + CRM + HR use cases
  • A well-structured, scalable component architecture

If you’ve already built something like this, or have a premium template you’re willing to sell/license, I’m genuinely interested.

>I’m willing to pay well for the right quality.

If you have something impressive, please share screenshots/demo + tech stack + pricing in the comments or DM me.

reddit.com
u/Logical-Pie123 — 4 days ago
▲ 6 r/shadcn

What’s the easiest way to install Tailwind + shadcn without messing with config files?

Every time I start a new React/Vite project, I somehow end up fighting with Tailwind and shadcn setup.

It’s always some issue with Tailwind v4, import aliases, tsconfig.json, tsconfig.app.json, shadcn not detecting the setup properly, or some tutorial telling me to add a config option that’s apparently outdated now.

I know how to set everything up manually, but I’m looking for a cleaner way to do it. I just want to create a new project, install Tailwind + shadcn, and start building without having to spend 15 minutes fixing configuration every single time.

What’s the current recommended setup for Vite + React + TypeScript that keeps the configuration to a minimum?

Surely there’s an easier way.

reddit.com
u/apwontmiss — 4 days ago
▲ 22 r/shadcn

🔥Just added a new Open Source Dashboard to BagUi

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!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 4 days ago
▲ 29 r/shadcn+3 crossposts

🚀 ScrollStack Js — headless infinite scrolling for Web

🚀 Shipped ScrollStack — headless infinite scrolling for Web

📦 1.92 KB gzipped, zero runtime deps

⚛️ React, Vue & Svelte adapters

🔁 Cursor, offset, Virtual list & page pagination → one function

🧠 Stale responses can't resurrect dead state

You bring the markup 👇

https://scrollstack.js.org

u/devgauravjat — 6 days ago
▲ 9 r/shadcn+1 crossposts

🚨 Bag/UI has officially outgrown Vercel’s free bandwidth limit.

This is a milestone I’m proud of — but it also comes with a challenge.

Bag/UI is Open Source and free for everyone, and I want to keep it that way.
However, hosting and bandwidth aren’t free anymore. With the project’s growing traffic, I now need to move to Vercel’s Pro plan to keep Bag/UI fast, reliable, and available to everyone.

If you’ve been using Bag/UI, starring the repository, sharing it, or building with its components, this is a great time to support the project.

💙 Become a sponsor and help keep Bag/UI running.

Your sponsorship directly helps cover infrastructure costs and gives me the ability to keep investing time into new components, improvements, and the long-term development of the project.
Even a small contribution makes a difference.

👉 https://www.bagui.pro/pricing

Open Source should stay accessible to everyone. Help me keep it that way. 🙏

u/anelkabag — 6 days ago
▲ 14 r/shadcn+2 crossposts

3JSxWIN - Windows 11 threejs webview background (v 1.0.0 )

My Windows 11 + ThreeJS Setup (Open Source Project)

Sharing my current Windows 11 theme and desktop setup — clean, animated, and powered by a ThreeJS WebView background. I’m turning this into an open‑source project called 3JSxWin, and anyone who wants to learn PowerShell, Microsoft development, or simple AI configs is welcome to jump in.

I use AI to help with some of the code, but I’m actively learning to do everything manually too. If you’re curious about mixing AI-assisted coding with real Windows dev work, I’ll be adding an agent.md soon to explain the AI helper and how you can use or improve it.

🔗 GitHub Repo

https://github.com/yaluft/3JSxWin

💡 What You Can Contribute

  • PowerShell scripts for automation or setup
  • WinUI / Windows App SDK improvements
  • ThreeJS scenes, effects, or background ideas
  • Simple AI agent configs
  • Documentation or beginner-friendly guides
  • UI concepts, themes, or design inspiration

If you’re into Windows customization, scripting, or learning Microsoft dev tools, feel free to join in. Beginners and hobbyists are totally welcome — let’s build something modern and community-driven together.

u/ContributionBulky784 — 6 days ago
▲ 12 r/shadcn+1 crossposts

New Shad Table examples

Hey again ! i worked on a new tables

- Table with params filtering for https://nuqs.dev/ and Native React navigation hooks support

- Full server side sort, filtering and pagination table

- Column Pinning

- Conditional Formatting Table with excel like style

- Production Dashboard Table

- Responsive table with desktop and mobile display

Check them out https://shad-table.dev, also a repo star ⭐ will mean a lot . Thanks !

u/Asta-2777 — 5 days ago
▲ 9 r/shadcn

We added real apps to our open-source shadcn dashboard - Mail & Tasks

We've been working on our open-source shadcn dashboard, and we've been adding more than just dashboard pages.

We now have actual application interfaces you can use as starting points for your own projects.

For this update, we wanted to show two of them:

📧 Mail

  • Inbox and email management
  • Reading and compose experience
  • Dashboard-style navigation

Tasks

  • Task management
  • Status and priority
  • Categories and filtering
  • Table interactions

The dashboard also supports:

  • Light / dark mode
  • Theme color customization
  • Layout customization
  • React + Vite
  • Next.js
  • Tailwind CSS v4
  • shadcn/ui

Here's a short video showing both apps and the customization options.

Try them live

📧 Mail: https://shadcnstore.github.io/shadcn-dashboard-landing-template/mail

✅ Tasks: https://shadcnstore.github.io/shadcn-dashboard-landing-template/tasks

Source

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

We're continuing to build this out and would genuinely love feedback from the shadcn community.

What would you add to these apps?

u/Then_Abbreviations77 — 7 days ago
▲ 20 r/shadcn

We've released the 2.0 version of our Figma shadcn/ui Community file: one of the most complete free files

https://preview.redd.it/n933rautk8jh1.png?width=1600&format=png&auto=webp&s=5fd1d0f86e94643bdeeb711d7d14dca98bc139c0

Hi all. On Monday, we released the 2.0 version of our shadcn/ui community file.

It's one of the most complete files out there that's still free.

It has ALL shadcn/ui components including the Questionnaire component (released just last week) as well as the five chat-related components that were released in June. It's made in the Nova style (same as the docs)

To theme this to your brand, it has an easy to use set of theming variables aligning with shadcn. It includes support for dark mode. 1800+ Lucide 1.0 icons (keyword tagged), and all tailwind 4.2 colors.

Check it out at https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui-kit-community-edition-2-0-0

reddit.com
u/Wolfr_ — 7 days ago
▲ 71 r/shadcn

I built emailcn to help you create emails faster

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

Features:

  • Built on React Email, MJML React and JSX Email
  • Zero-config, one-command setup
  • shadcn/ui compatible (just copy and paste)
  • 50+ components with 500+ variants
  • Easy to customize and drop into any React project

Website: https://emailcn.run
Give it a ⭐ on GitHub: https://github.com/shadcn-labs/emailcn

u/dank_clover — 10 days ago