Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
#
shadcnui
Follow
Hide
Posts
Left menu
đź‘‹
Sign in
for the ability to sort posts by
relevant
,
latest
, or
top
.
Right menu
Next.js Starter Kit: Build Fast & Secure Apps with Auth, Payments & More!
Zubair Niazi
Zubair Niazi
Zubair Niazi
Follow
Oct 13
Next.js Starter Kit: Build Fast & Secure Apps with Auth, Payments & More!
#
nextjs
#
typescript
#
shadcnui
#
prisma
1
 reaction
Comments
1
 comment
1 min read
Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Aug 7
Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.
#
codehike
#
shadcnui
#
typescript
#
opensource
1
 reaction
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 19
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1
#
javascript
#
opensource
#
nextjs
#
shadcnui
2
 reactions
Comments
Add Comment
4 min read
Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 30
Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.
#
opensource
#
gitroom
#
planeso
#
shadcnui
1
 reaction
Comments
1
 comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 18
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0
#
javascript
#
opensource
#
nextjs
#
shadcnui
7
 reactions
Comments
Add Comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 17
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15
#
javascript
#
nextjs
#
shadcnui
#
opensource
1
 reaction
Comments
Add Comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 16
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14
#
javascript
#
shadcnui
#
nextjs
#
opensource
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 15
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13
#
opensource
#
nextjs
#
javascript
#
shadcnui
Comments
Add Comment
5 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 12
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12
#
shadcnui
#
nextjs
#
opensource
#
javascript
1
 reaction
Comments
Add Comment
5 min read
Create File Upload UI in Next.js with Shadcn UI
Aaronn
Aaronn
Aaronn
Follow
Jul 12
Create File Upload UI in Next.js with Shadcn UI
#
webdev
#
nextjs
#
shadcnui
11
 reactions
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 11
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11
#
javascript
#
opensource
#
nextjs
#
shadcnui
1
 reaction
Comments
Add Comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 10
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10
#
opensource
#
shadcnui
#
nextjs
#
node
1
 reaction
Comments
Add Comment
4 min read
How to Use Icons in Shadcn UI with Next.js
Aaronn
Aaronn
Aaronn
Follow
Jul 10
How to Use Icons in Shadcn UI with Next.js
#
nextjs
#
webdev
#
shadcnui
3
 reactions
Comments
Add Comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 9
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9
#
javascript
#
nextjs
#
shadcnui
#
opensource
Comments
Add Comment
3 min read
Next.js with Shadcn UI Progress Bar Example
Aaronn
Aaronn
Aaronn
Follow
Jul 8
Next.js with Shadcn UI Progress Bar Example
#
nextjs
#
webdev
#
shadcnui
4
 reactions
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.7
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 5
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.7
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.5
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 3
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.5
#
javascript
#
opensource
#
nextjs
#
shadcnui
4
 reactions
Comments
Add Comment
3 min read
How to Use Scroll Area in Next.js with Shadcn UI
Aaronn
Aaronn
Aaronn
Follow
Jul 3
How to Use Scroll Area in Next.js with Shadcn UI
#
nextjs
#
shadcnui
#
webdev
7
 reactions
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.4
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 2
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.4
#
javascript
#
opensource
#
nextjs
#
shadcnui
1
 reaction
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.3
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jul 1
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.3
#
javascript
#
opensource
#
shadcnui
#
nextjs
Comments
Add Comment
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.2
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 28
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.2
#
javascript
#
opensource
#
shadcnui
#
nextjs
Comments
2
 comments
6 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.0
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 27
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.0
#
javascript
#
nextjs
#
opensource
#
shadcnui
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.1
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 27
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.1
#
javascript
#
nextjs
#
opensource
#
shadcnui
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.1
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 25
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.1
#
javascript
#
opensource
#
nextjs
#
shadcnui
2
 reactions
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.0
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 24
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.0
#
javascript
#
nextjs
#
opensource
#
shadcnui
2
 reactions
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 5
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 21
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 5
#
javascript
#
nextjs
#
opensource
#
shadcnui
Comments
Add Comment
6 min read
Next.js Image File Upload and Preview with shadcn/ui
Aaronn
Aaronn
Aaronn
Follow
Jun 19
Next.js Image File Upload and Preview with shadcn/ui
#
nextjs
#
shadcnui
#
webdev
14
 reactions
Comments
Add Comment
2 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 3
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 19
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 3
#
javascript
#
nextjs
#
shadcnui
#
opensource
1
 reaction
Comments
Add Comment
5 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 2
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 18
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 2
#
javascript
#
nextjs
#
shadcnui
#
opensource
1
 reaction
Comments
Add Comment
6 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 1
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 17
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 1
#
javascript
#
opensource
#
nextjs
#
shadcnui
1
 reaction
Comments
Add Comment
5 min read
shadcn-ui/ui codebase analysis: Cards example explained.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 13
shadcn-ui/ui codebase analysis: Cards example explained.
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
3 min read
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
swhabitation
swhabitation
swhabitation
Follow
Jun 13
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
#
tailwindcss
#
shadcnui
#
frontend
#
webdev
5
 reactions
Comments
Add Comment
3 min read
shadcn-ui/ui codebase analysis: Dashboard example explained.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 12
shadcn-ui/ui codebase analysis: Dashboard example explained.
#
javascript
#
nextjs
#
opensource
#
shadcnui
7
 reactions
Comments
Add Comment
6 min read
shadcn-ui/ui codebase analysis: Mail example explained.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 11
shadcn-ui/ui codebase analysis: Mail example explained.
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
4 min read
Shadcn-ui codebase analysis: site-footer.tsx explained.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 7
Shadcn-ui codebase analysis: site-footer.tsx explained.
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
2 min read
Shadcn-ui codebase analysis: examples-nav.tsx explained
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 6
Shadcn-ui codebase analysis: examples-nav.tsx explained
#
javascript
#
nextjs
#
shadcnui
#
opensource
3
 reactions
Comments
Add Comment
3 min read
Shadcn/ui codebase analysis: site-header.tsx explained.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 5
Shadcn/ui codebase analysis: site-header.tsx explained.
#
javascript
#
nextjs
#
opensource
#
shadcnui
2
 reactions
Comments
Add Comment
4 min read
Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 4
Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?
#
javascript
#
opensource
#
nextjs
#
shadcnui
3
 reactions
Comments
2
 comments
3 min read
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
Jun 3
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
#
javascript
#
nextjs
#
opensource
#
shadcnui
3
 reactions
Comments
Add Comment
5 min read
Discover Your Notion Page Insights with Notion Statistics
Helio
Helio
Helio
Follow
Jun 1
Discover Your Notion Page Insights with Notion Statistics
#
nextjs
#
supabase
#
shadcnui
#
notion
Comments
Add Comment
2 min read
app/(app) route group in shadcn-ui/ui
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 30
app/(app) route group in shadcn-ui/ui
#
javascript
#
opensource
#
shadcnui
#
nextjs
Comments
Add Comment
3 min read
Mysterious /sink route in ui.shadcn.com
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 29
Mysterious /sink route in ui.shadcn.com
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
2 min read
“cn” utility function in shadcn-ui/ui:
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 23
“cn” utility function in shadcn-ui/ui:
#
javascript
#
nextjs
#
opensource
#
shadcnui
17
 reactions
Comments
Add Comment
3 min read
Find out how the Ora package is used to show a CLI spinner in shadcn-ui/ui source code.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 22
Find out how the Ora package is used to show a CLI spinner in shadcn-ui/ui source code.
#
javascript
#
opensource
#
shadcnui
#
nextjs
Comments
Add Comment
2 min read
getRegistryIndex() function in shadcn-ui/ui source code.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 21
getRegistryIndex() function in shadcn-ui/ui source code.
#
javascript
#
opensource
#
nextjs
#
shadcnui
Comments
Add Comment
2 min read
Monorepo architecture in shadcn-ui/ui.
Ramu Narasinga
Ramu Narasinga
Ramu Narasinga
Follow
May 20
Monorepo architecture in shadcn-ui/ui.
#
javascript
#
opensource
#
shadcnui
#
nextjs
12
 reactions
Comments
2
 comments
3 min read
đź©şDeep dive into ShadCN UI
Chan
Chan
Chan
Follow
Apr 24
đź©şDeep dive into ShadCN UI
#
tailwindcss
#
webdev
#
css
#
shadcnui
3
 reactions
Comments
Add Comment
7 min read
How to Validate a Date Range Picker with Zod in TypeScript Projects
Onurhan
Onurhan
Onurhan
Follow
Apr 14
How to Validate a Date Range Picker with Zod in TypeScript Projects
#
typescript
#
zod
#
shadcnui
#
tutorial
2
 reactions
Comments
Add Comment
3 min read
How to Use Shadcn UI with Next.js for Button Link
Aaronn
Aaronn
Aaronn
Follow
Apr 5
How to Use Shadcn UI with Next.js for Button Link
#
nextjs
#
webdev
#
tailwindcss
#
shadcnui
3
 reactions
Comments
Add Comment
2 min read
create responsive navbar in next 13 with shadcn ui
Aaronn
Aaronn
Aaronn
Follow
Apr 2
create responsive navbar in next 13 with shadcn ui
#
nextjs
#
tailwindcss
#
shadcnui
#
webdev
38
 reactions
Comments
2
 comments
3 min read
how to use skeleton loading next 13 with shadcn ui
Aaronn
Aaronn
Aaronn
Follow
Mar 18
how to use skeleton loading next 13 with shadcn ui
#
nextjs
#
webdev
#
tailwindcss
#
shadcnui
6
 reactions
Comments
Add Comment
2 min read
Using fonts in Storybook for Next.JS and Tailwind Projects
timreach
timreach
timreach
Follow
Feb 29
Using fonts in Storybook for Next.JS and Tailwind Projects
#
nextjs
#
tailwindcss
#
storybook
#
shadcnui
11
 reactions
Comments
1
 comment
3 min read
UI package: Gather user feedback in your React apps
The Anh Nguyen
The Anh Nguyen
The Anh Nguyen
Follow
Feb 4
UI package: Gather user feedback in your React apps
#
react
#
shadcnui
#
tailwindcss
#
typescript
4
 reactions
Comments
Add Comment
1 min read
next 13 with shadcn ui disabled button example
Aaronn
Aaronn
Aaronn
Follow
Jan 2
next 13 with shadcn ui disabled button example
#
nextjs
#
webdev
#
shadcnui
#
tailwindcss
6
 reactions
Comments
1
 comment
3 min read
loading...
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account