Tag feed

#shadcn

155 posts18 followers

Trending tags this week

DGDevTools Guidedevtoolsguide.hashnode.dev

shadcn/ui: Copy-Paste Component Library for React and Tailwind

Most UI libraries ship as npm packages — you install them, use their components, and live with their constraints. shadcn/ui takes a different approach: it's a collection of components you copy directly into your codebase. No package to install, no ve...

Mar 46 min read

SJSunil Joshisunil.hashnode.dev

Top Shadcn sidebar examples for modern dashboards

Sidebars are not just navigation; they define how users interact with complex UI systems. Most production dashboards built with React and Next.js use a scalable sidebar. It helps manage routing, permi

Mar 34 min read

KPKirtan Patelkjpatel.hashnode.dev

Better Auth with Neon DB + Drizzle ORM

Over the past two years I’ve used Supabase for almost every project — it made building apps fast and effortless. I didn’t have to worry about sessions, token exchange/refresh, or other auth details: c

Feb 2714 min read

SJSunil Joshisunil.hashnode.dev

Top Shadcn UI Libraries 2026

shadcn/ui has evolved into a code-distribution layer for modern React applications built with Next.js and Tailwind CSS. Unlike traditional UI libraries, it ships source code directly into your project

Feb 268 min read

SJSunil Joshisunil.hashnode.dev

Best Free Shadcn Date Picker Components for React and Next.js

Most modern apps require date pickers – from SaaS dashboards and booking systems to analytics filters and admin panels. We tested and reviewed 9 free Shadcn date picker components from real repositori

Feb 238 min read

SMSourav Mahatoblog.souravmahato.in

shadcn & ai give me superpower....

While working on the frontend of my project, I used shadcn/ui, and it has been a great experience. The components are clean, stable, and highly customizable. Since it’s built on top of Radix UI and integrates well with Lucide icons, it provides both ...

Feb 151 min read

RKRohit Kinternship-learnings.hashnode.dev

Stop Fighting Tailwind Classes: The cn() Utility That Thinks For You

Hook: Problem-first, curiosity gap Opening (The Pain) You've been there. A conditional class breaks your layout. Two bg- colors fight each other. Your className template string is 200 characters of chaos. One code block showing the mess: // The ni...

Feb 23 min read

JSJanmejai Singhcyd3er.hashnode.dev

CSS Selectors 101: Targeting Elements with Precision

CSS is not about colors, fonts, or layouts alone. At its core, CSS is about selection. Before you can style anything, you must first choose what to style. This is where CSS selectors come in. Think of selectors as the language CSS uses to talk to HTM...

Feb 14 min read

VKVivek Kalpavruskhacss-select.hashnode.dev

CSS Selectors: How to Target and Style HTML Elements

What Are CSS Selectors and Why Do We Need Them? Imagine you're in a classroom with 30 students. You want to: Tell everyone to stand up Tell students wearing red shirts to raise their hands Tell one specific student named Alex to come to the front H...

Feb 114 min read

SJSubhadip Janablog.a063.xyz

Architecting a Scalable Component Library with Shadcn/ui

In the modern frontend landscape, the debate between "building from scratch" vs. "using a library" has shifted. We now have a third, more powerful option: Headless UI wrapped in your own design system. Shadcn/ui has emerged as the gold standard for t...

Jan 203 min read

#shadcn

Search Hashnode

#shadcn

Trending tags this week

shadcn/ui: Copy-Paste Component Library for React and Tailwind

Top Shadcn sidebar examples for modern dashboards

Better Auth with Neon DB + Drizzle ORM

Top Shadcn UI Libraries 2026

Best Free Shadcn Date Picker Components for React and Next.js

shadcn & ai give me superpower....

Stop Fighting Tailwind Classes: The cn() Utility That Thinks For You

CSS Selectors 101: Targeting Elements with Precision

CSS Selectors: How to Target and Style HTML Elements

Architecting a Scalable Component Library with Shadcn/ui