Tag feed

#shadcnui

37 posts2 followers

Explore Hashnode

Alternatives

Trending tags this week

SJSunil Joshisunil.hashnode.devMar 3 · 4 min read

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

0

APAjay Patelfreecodecamp.orgDec 4, 2025 · 24 min read

How to Build an Admin Dashboard with shadcn/ui and TanStack Start

In this guide, we’ll build a feature-rich admin dashboard using shadcn/ui for beautiful, reusable components and TanStack Start for a powerful, type-safe full-stack framework. By the end, you’ll have: A fully functional /dashboard layout A statisti...

0

SJSANJAY JOSHIwebtemplates.hashnode.devSep 18, 2025 · 8 min read

11 Best Next.js Shadcn Templates for Your Next Project

Since it came out in 2023, the Shadcn UI library has become super popular, with over 100k+ NPM downloads every week. It's one of the most talked-about libraries for building dashboards & websites. Because Shadcn is so in demand, people are also looki...

0

SJSunil Joshisunil.hashnode.devMar 31, 2025 · 7 min read

Flowbite React vs. Shadcn: Which UI Library Should You Choose for Your React Project?

Building a modern web app’s UI from scratch is like assembling IKEA furniture without the manual. You’ll waste hours tweaking buttons, debugging dropdowns, and crying over inconsistent spacing. That’s where UI libraries like Flowbite React and Shadcn...

0

AMAkash Moradiyaakash3444.hashnode.devFeb 17, 2025 · 4 min read

How to Resolve Issues with Shadcn UI Dialog in Dropdown Menus

Introduction Shadcn UI offers a set of beautifully designed, accessible components and a platform for sharing code. I really enjoy building UIs with Shadcn UI because it provides access to all the components you install. It's become one of my favorit...

0

RSRohan Shrivastavarohanblogs.hashnode.devFeb 6, 2025 · 3 min read

Exploring ShadCN UI: A Developer's Experience

Introduction Recently, I explored ShadCN UI, and I must say, it’s one of the best UI component libraries I’ve come across. If you are a developer who loves clean, accessible, and highly customizable UI components, this is something you should defin...

0

RNRamu Narasingaramunarasinga.hashnode.devAug 7, 2024 · 2 min read

Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.

In this article, we will compare the Copy button code between Shadcn-ui/ui and Codehike. copyToClipboard in Shadcn-ui/ui The code snippet below is picked from shadcn-ui source code. export async function copyToClipboardWithMeta(value: string, event?:...

0

RNRamu Narasingaramunarasinga.hashnode.devJul 19, 2024 · 3 min read

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1

I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 3.0, I discussed how npx shadcn-ui add <component> command is registered. We will look at few more lines of code from packag...

0

RNRamu Narasingaramunarasinga.hashnode.devJul 17, 2024 · 3 min read

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15

I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.11, we looked at runInit function and how shadcn-ui/ui ensures directories provided in resolvedPaths in config exist. The ...

0

RNRamu Narasingaramunarasinga.hashnode.devJul 16, 2024 · 2 min read

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14

I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.11, we looked at runInit function and how shadcn-ui/ui ensures directories provided in resolvedPaths in config exist. The ...

0

#shadcnui

Search Hashnode

#shadcnui

Explore Hashnode

Trending tags this week

Top Shadcn sidebar examples for modern dashboards

How to Build an Admin Dashboard with shadcn/ui and TanStack Start

11 Best Next.js Shadcn Templates for Your Next Project

Flowbite React vs. Shadcn: Which UI Library Should You Choose for Your React Project?

How to Resolve Issues with Shadcn UI Dialog in Dropdown Menus

Exploring ShadCN UI: A Developer's Experience

Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14