menu

Recent posts tagged shadcnui

Level UI • 22 hours • in Articles • 9 min read
An MCP server is not a new API. It is a thin layer over the one you already have
Somewhere in the last year, "do we need an MCP server?" joined the list of questions that arrive in a brief before anyone has said what the thing is for. It is usually framed as MCP vs API, as though the Model Context Protocol were a newer kind of AP...
post-cover-33074
  • ai
  • api
  • webdev
  • security
9 Reactions 7 Comments
vaibhavgupta • 4 days • in Articles • 8 min read
Shadcn Aspect Ratio Components for Image Layouts
When you're building a React or Next.js interface, image sizing affects more than appearance. Uneven thumbnails can disrupt a product grid, inconsistent video frames can make a media library harder to scan, and images that change the layout while loa...
post-cover-32627
  • shadcn-aspect-ratio
  • shadcn-aspect-ratio-components
  • shadcn-components
  • shadcnui
3 Reactions 1 Comments
vaibhavgupta • Oct 22 • in Articles • 7 min read
6 Shadcn Sortable: React Components and Examples
Reordering a list sounds like a small feature until you have to implement it. You need to track pointer movement, support touch input, manage keyboard interactions, animate position changes, and keep the interface stable while an item moves. Each det...
post-cover-32075
  • shadcnui
  • shadcn-sortable
  • shadcn-sortable-components
1 Reactions 0 Comments
vaibhavgupta • Oct 17 • in Articles • 9 min read
Shadcn Input Group Components for React Developers
An input field often starts as a simple text box, but real applications need more than text entry. You may need to show validation feedback, display an autosave status, copy a URL, or add a send button beside the field. Shadcn input group components...
post-cover-31498
  • shadcnui
  • shadcn-components
  • shadcn-input-group
  • shadcn-input-group-components
2 Reactions 1 Comments
Posted in Open Source group
vaibhavgupta • Oct 14 • in Articles • 13 min read
A Developer's Guide to Shadcn Charts Blocks and Components
Dashboards are only useful when people can understand the data quickly. Choosing the right chart helps users compare results, identify changes, and make decisions without reading rows of numbers. If you are building with React, Next.js, and Tailwind...
post-cover-31074
  • shadcnui
  • shadcn
  • shadcncharts
  • shadcn-chart-blocks
0 Reactions 0 Comments
Posted in Open Source group
vaibhavgupta • Oct 9 • in Articles • 6 min read
Shadcn Space Reaches Over 1,000+ UI Resources: A Developer's Guide
For many React developers, shadcn/ui is no longer just a way to install a Button or Dialog component. The source-code-first approach has expanded into a broader development ecosystem covering complete sections, application interfaces, pages, templat...
post-cover-30431
  • shadcn
  • shadcnui
  • shadcncomponents
  • shadcndashboard
4 Reactions 2 Comments
Tom Smithverified • 19 hours • in Articles • 9 min read
Developer Weekly Briefing — October 30, 2026
Security dominated this week, but not in the usual way. Two active campaigns turned GitHub configuration files into attack surfaces. Researchers demonstrated that the built-in browsers inside AI coding tools can read your SSH keys. And at Oracle AI ...
post-cover-33104
  • agenticai
  • devsecops
  • github
  • localai
6 Reactions 3 Comments
vaibhavgupta • Sep 24 • in Articles • 7 min read
Best Shadcn Resizable Components for Modern Developers
I hit a wall the first time a client asked for a mail-style layout where users could drag the divider between the inbox list and the message view. Fixed widths broke on wide monitors, and hand-rolling drag logic ate two days of my sprint. Resizable p...
post-cover-28433
  • shadcn-resizable
  • shadcn-components
  • shadcn-split-component
  • shadcnui
2 Reactions 1 Comments
vaibhavgupta • Aug 6 • in Articles • 6 min read
The Best Shadcn Tabs for React & Next.js Developers
Every frontend developer has built a tabs component at least once. It usually starts as a small task, but quickly grows into something much larger. You begin with two buttons and two content panels. Then come keyboard navigation, active indicators, ...
post-cover-24208
  • shadcn-tabs
  • shadcnui
  • shadcn-components
  • shadcnuitabs
7 Reactions 2 Comments
Posted in React Dev Community group
iSanjayJoshi • Jul 15 • in Articles • 2 min read
Using Shadcn Checkbox in React & Next.js Step-by-Step Guide
If you're building a Reacthttps://react.dev/ and Next.jshttps://nextjs.org/ application, you'll probably need checkboxes for forms, settings, surveys, or task management features. In this tutorial, we'll learn how to install and customize the Shadcn...
post-cover-22747
  • shadcn
  • shadcnui
  • react
  • nextjs
2 Reactions 0 Comments
iSanjayJoshi • Jul 9 • in Articles • 9 min read
Shadcn Checkbox Collection: 15+ UI Components, Examples & Variations
Checkboxes are one of the most common UI components you'll use in React applications. They're used for forms, settings, task lists, filters, permissions, and many other places where users need to select one or more options. Instead of building every...
post-cover-22155
  • shadcnui
  • shadcn
  • webdev
  • webdesign
5 Reactions 1 Comments
Posted in Open Source group
vaibhavgupta • Jul 9 • in Articles • 4 min read
These Shadcn Sheet Patterns Every React Developer Should Know
Slide-over panels may seem simple at first, but building them for real-world applications is a different challenge. Once you introduce dynamic content, nested focus management, responsive layouts, and smooth animations, a basic sheet component quickl...
post-cover-22132
  • shadcnui
  • shadcn-sheet
  • shadcn-sheet-components
  • sheet-components-examples
5 Reactions 2 Comments
iSanjayJoshi • Jun 22 • in Articles • 7 min read
11+ Shadcn Combobox Components for Better Searchable Experience
Selecting an option from a dropdown sounds simple until your application needs to handle hundreds of records, users, countries, timezones, or categories. Traditional select components work well for small lists, but they quickly become difficult to u...
post-cover-21146
  • shadcn
  • shadcnui
  • components
  • combobox
8 Reactions 2 Comments
iSanjayJoshi • May 26 • in Articles • 4 min read
Shadcn Dashboard with 14+ Built-In Apps & AI Prompts
Building a modern admin dashboard often means spending weeks setting up authentication, layouts, dashboards, tables, forms, themes, navigation, and countless reusable components before you can even start building your actual product. What if most of...
post-cover-18981
  • shadcnui
  • shadcntemplate
  • shadcn
  • shadcndashboard
3 Reactions 2 Comments
iSanjayJoshi • May 1 • in Articles • 4 min read
Stop Scrolling Forever: 5+ Shadcn Pagination Fixes for Long Lists
If you've ever searched something on Google, you've already used pagination. Google has billions of results, and instead of loading everything at once, it breaks them into pages so users can browse step by step. The same idea applies to modern web ...
post-cover-16330
  • shadcn
  • shadcnui
  • shadcnpagination
  • pagination
2 Reactions 2 Comments
iSanjayJoshi • Apr 6 • in Articles • 4 min read
Start Building Tables Faster with These Free Shadcn Table Components & Blocks
Tables are one of those components you don’t think about much… until you need one. User lists, invoices, dashboards, analytics almost every app needs a way to display structured data. And building tables from scratch every time? That quickly becomes...
  • shadcn
  • shadcnui
  • web-development
  • reactjs
3 Reactions 2 Comments
iSanjayJoshi • Mar 24 • in Articles • 4 min read
Shadcn Dialogs for React & Next.js Websites
Dialog modal components are a core part of modern websites whether it’s collecting emails, onboarding users, or handling quick actions without leaving the page. From newsletter popups to onboarding flows, dialogs are used everywhere. If you’re build...
post-cover-13424
  • webdev
  • reactjs
  • shadcn
  • shadcnui
0 Reactions 0 Comments
Nandini26singh • Mar 18 • in Articles • 2 min read
Neural - Shadcn UI AI App Landing Page Template
Neural1 is a clean, high-conversion AI app landing page built with Shadcn UI. It helps AI-driven products explain value, performance, and outcomes clearly. The layout highlights insights, automation, and growth in a structured flow. Besides, this Sha...
post-cover-13136
  • landingpage
  • shadcntemplate
  • shadcnui
2 Reactions 0 Comments
ausrobdev • Mar 2 • in Articles • 7 min read
Top 5 Shadcn UI Block Libraries 2026 - In Depth Review
The shadcn/ui ecosystem has exploded in 2026. It seems like a new block library pops up every week, promising to speed up your workflow. But with so many options some paid, some free, some just wrappers around the core components it's hard to know wh...
  • frontend
  • shadcn
  • shadcnui
4 Reactions 1 Comments
suniljoshi • Feb 26 • in Tutorials • 2 min read
How we reached 100K+ page views in 28 days – A transparent dev tool growth breakdown (2026)
I’m Sunil Joshihttps://x.com/suniljoshi19, designer, frontend developer, and digital product builder. For the past 15 years, I’ve been building and running digital products. And one thing I’ve learned: Growth isn’t magic. It’s structure. Recentl...
post-cover-12207
  • webdev
  • reactjs
  • frontend
  • shadcnui
10 Reactions 0 Comments
iSanjayJoshi • Feb 21 • in Articles • 11 min read
Shadcn UI Libraries You Can’t Ignore in 2026
Every time I browse Twitterhttps://x.com/search?q=shadcn&src=typedquery&f=live, check out Product Hunt launcheshttps://www.producthunt.com/, read articles on Dev.to, or explore newly released SaaS tools, I notice the same pattern: Modern website...
post-cover-12006
  • webdev
  • frontend
  • shadcn
  • shadcnui
9 Reactions 1 Comments
iSanjayJoshi • Feb 21 • in Launches • 2 min read
Shadcn Space
Your Own Space to Design & Built Websites Faster with Shadcn...
  • shadcn
  • shadcnui
  • shadcnlibrary
11 Reactions 2 Comments
To see more, click for the full list of posts or popular tags.
chevron_left
🔥 20 posts • 👩‍💻 5 active writers
✨ Want to write in this topic?
Share your learning. Get discovered. Build your profile.
Join CoderLegion
💡 Why developers use CoderLegion
Track learning • Share posts • Get ranked publicly
Create your profile