#shadcnUI
check our latest release, Creative Tim UI: 100+ shadcn/ui blocks ready for v0, lovable, replit etc www.creative-tim.com/ui #opensource #oss #shadcnui #creativetim #vibecode
Creative Tim UI
A collection of open-source UI components, blocks and AI Agents. Integrate them in v0, Lovable, Claude or in your application.
www.creative-tim.com
November 7, 2025 at 12:49 PM
Totally agree with you on this one. I explored it by using ShadcnUI Input component, which by default applies w-full Tailwind class, which maps to width: 100%.

Although code smell, the inconsistency is what bothers me as the iOS is the only client that behaves that way.
October 30, 2025 at 5:52 AM
The HTML is riddled with the most common mistakes in my limited experience. For CSS it depends. In tailwind + shadcnui projects, I had Supermaven create some pieces of UI by accident, that looked so decent that I just kept them (with very minor changes). In "pure" CSS projects, it is mostly useless.
October 1, 2025 at 6:39 AM
September 26, 2025 at 3:05 PM
In this app I use all the nice things:
- #react 19
- #vite, #vitest, React Testing Library
- #tanstack Router, TanStack Query
- #shadcnui,
- #tailwindcss 4,
- I migrate to the Atomic Design (love the idea).
All that just works with #vscode #copilot.

Repo: github.com/IgorWnek/tic...
GitHub - IgorWnek/tick-tock-frontend: TickTock is Jira-time-logging assistant which allows your time tables to be filled in very quickly.
TickTock is Jira-time-logging assistant which allows your time tables to be filled in very quickly. - IgorWnek/tick-tock-frontend
github.com
September 6, 2025 at 9:36 AM
Discover UI elegance without React! 🌟

Check out shadcnUI alternatives for Laravel with Tailwind CSS components.
3 shadcnUI Alternatives for Laravel: Elegant & Ready-to-Use Tailwind CSS Components
Discover UI elegance without React! 🌟 Check out shadcnUI alternatives for Laravel with Tailwind CSS components.
laravel-news.com
August 14, 2025 at 4:01 PM
Build a responsive landing page using this open-source ShadcnUI-based template, providing ready-to-use building blocks like feature lists, testimonials, pricing tables & more 📦️✨ - madewithreactjs.com/shadcn-landi...
August 14, 2025 at 9:40 AM
@shadcn.com Shadcn UI is a great real-world example of the composition pattern in action.

It gives you full control over layout using small, focused components — no prop overload.

Have you tried this approach?

#react #shadcnui #frontend
August 1, 2025 at 12:11 PM
Hoping for more insight on this 👇👇

Made a shadcn ui COLOR theme switcher. Could be used on the shadcn ui docs maybe @shadcn.com???

#shadcn #shadcnui #theming #webdev
shadcn/ui site: themes page shows lots of color palettes, and the docs explain how to toggle dark/light — but no example for toggling color themes.

So I made one!

Demo + GitHub: github.com/ShouryaBatra...

Would love feedback—maybe it fits in the theming docs?
@shadcn.com

#shadcnui
July 17, 2025 at 1:02 AM
🎉 推荐一个开源的带动画的UI组件库:Animate UI

👉 animate-ui.com

特点是带动画,分类和数量都挺齐全,类似带动画版本的shadcnui组件库。

使用shadcn cli直接安装,MkSaaS模板内置了些,试了下文本高亮组件,应用到官网的hero部分,效果还行,比之前有些许灵动了。
June 14, 2025 at 8:20 AM
Integrate Shadcn/ui into your Laravel 12 app and supercharge your UI with headless components + Tailwind!

🚀 Check out the step-by-step guide

👉 dev.to/blamsa0mine/...

#Laravel12 #Tailwind #ShadcnUI #WebDev
Integrating Shadcn/ui into Laravel 12
Shadcn/ui is a collection of headless UI components built on Radix primitives and styled with...
dev.to
June 3, 2025 at 4:51 PM
impressed by useaware, hopefully we break awkward mood and chat authentically.

I don't care about big money at first—just want to help your projects in any way I can.
tech - react, remix, tailwind css, next.js, sanity, shadcnUI, vercel AI sdk, prompt engineering, github actions, AWS, etc
June 3, 2025 at 9:37 AM
I am a dev - hopefully we break awkward mood and chat authentically.

I don't care about big money at first—I just want to help your projects in any way I can.
tech - react, remix, tailwind css, next.js, sanity, shadcnUI, vercel AI sdk, prompt engineering, github actions, AWS, and more
June 3, 2025 at 8:33 AM
shadcn/ui site: themes page shows lots of color palettes, and the docs explain how to toggle dark/light — but no example for toggling color themes.

So I made one!

Demo + GitHub: github.com/ShouryaBatra...

Would love feedback—maybe it fits in the theming docs?
@shadcn.com

#shadcnui
June 2, 2025 at 12:58 AM
👉 分享一个icon库:Tabler Icons

我自己平时使用lucide icons和iconify比较多,lucide icons很简洁,shadcnui components默认也是用,但是数量有限。

tabler icons有很多适合后台管理界面的icons,如果你的应用重后台管理,推荐使用这套icons,它的icons数量管够。

indiehub.best/tool/tabler...
Tabler Icons - IndieHub - Discover tools, Launch products, and Ship applications faster and better.
4926 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.
indiehub.best
May 11, 2025 at 1:29 AM
📚 新增了文档 Components

介绍MkSaaS模板中内置的组件,以及如何自定义组件等

mksaas.com/docs/compon...

1️⃣ 内置ShadcnUI作为基础组件,确保怎么写都不丑;
2️⃣ 内置MagicUI作为扩展组件,让部分模块酷炫起来;
3️⃣ 内置Tailark所有组件,让落地页开发就像搭积木一样简单。
Components | MkSaaS - The Best AI SaaS Boilerplate
Learn about the components available in MkSaaS and how to use them effectively
mksaas.com
April 28, 2025 at 9:43 AM
shadcn/studio: extends shadcn/ui with more copy-paste component/block variants & a live theme editor. Great for faster UI dev & easier customization. Open source!

👉 next.jqueryscript.net/shadcn-ui/ui...

#shadcnui #reactjs #tailwindcss #frontend
April 28, 2025 at 2:26 AM
👉 我其实不懂设计,只是个实用主义者,好东西拿来能用就不造轮子。

这就是MkSaaS模板要解决的第1个问题:UI开发之痛。

我的解决方案:

1️⃣ 内置ShadcnUI作为基础组件,确保怎么写都不丑;
2️⃣ 内置MagicUI作为扩展组件,让部分模块酷炫起来;
3️⃣ 内置Tailark所有组件,让落地页开发就像搭积木!

x.com/noGeek_cn/s...
April 27, 2025 at 1:55 AM
Quickly build modern CRM interfaces with the Shadcn CRM Dashboard UI template.

Uses Next.js 15, React 19, Shadcn UI & Tailwind CSS. Features responsive design, analytics views & dark mode.

👉 next.jqueryscript.net/shadcn-ui/cr...

#Nextjs #ShadcnUI #React #UIDesign #WebDev
Build Modern CRM Dashboards Fast with Next.js & shadcn/ui
Build beautiful, responsive CRM dashboards with this Next.js and Shadcn UI template. Features analytics, modules, dark mode, and more.
next.jqueryscript.net
April 24, 2025 at 3:50 AM
Found a useful shadcn/ui multi-select component for Next.js!

Features filtering, tag-style selections, icons, and easy integration.

Perfect for forms needing multiple choices.

👉 next.jqueryscript.net/shadcn-ui/ta...

#Nextjs #React #shadcnui #UI #WebDevelopment
April 23, 2025 at 2:23 AM
shadcn-font-picker: An implementation of a Font Picker component for React, built on top of Shadcn UI's input component and Google Fonts API.

👉 next.jqueryscript.net/shadcn-ui/go...

#reactjs #nextjs #shadcnui #uidev #webdevelopment
Performant Google Font Picker Component with shadcn/ui
Add font selection to your Next.js project with this shadcn/ui Google Font Picker component. Simple API, virtualized rendering, and accessibility included.
next.jqueryscript.net
April 22, 2025 at 2:49 AM
shadcn-calendar-component: a shadcn/ui date picker component for Next.js apps.

* Single date & range selection
* Predefined ranges (Last Week, This Year, etc.)
* Uses react-day-picker & date-fns

👉 next.jqueryscript.net/shadcn-ui/ca...

#Nextjs #Reactjs #WebDev #DatePicker #shadcnui
April 18, 2025 at 3:03 AM
Expanding your shadcn/ui project? ui-x offers more copy-paste components (Date Pickers, Dropzone, Sortable, etc.) following the same design.

Free, open-source, and integrates via shadcn CLI.

👉 next.jqueryscript.net/shadcn-ui/ex...

#reactjs #uidev #tailwindcss #shadcnui
Extend shadcn/ui with Additional Primitives, Utilities & Components - UI-X
Get more free, accessible UI components for your shadcn/ui projects with ui-x. Copy-paste components like date pickers, dropzones, and more.
next.jqueryscript.net
April 17, 2025 at 3:35 AM
Found this useful Tree View component for Shadcn/UI projects. Great for displaying hierarchical data. Supports custom icons, item actions, and drag & drop.

👉 next.jqueryscript.net/shadcn-ui/hi...

#React #ShadcnUI #TreeView #UIComponent #WebDev
Hierarchical Data Display with Shadcn/ui Tree View
Add the Shadcn UI Tree View component to your React project. Display nested data with custom icons, actions, and drag-and-drop support.
next.jqueryscript.net
April 16, 2025 at 3:37 AM
This Simple Zoomable Shadcn Chart component allows you to explore data through intuitive zoom controls - click and drag, scroll wheel, and even touch gestures for mobile.

Check it out if you're building dashboards!

👉 next.jqueryscript.net/shadcn-ui/zo...

#WebDev #shadcnUI #React
April 15, 2025 at 4:47 AM