Articles by Tag #shadcn
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI
This article was co-authored by: @calyx_426 Charles Nigel Espiloy Introduction Every...
Top Free Shadcn UI Block and Component Libraries for Modern Web Developers
If you’re building with Shadcn UI, you already know how flexible and developer-friendly it is. But...
ZardUI Beta: Bringing shadcn/ui's Philosophy to Angular - Where You Own Every Line of Code
The Angular ecosystem has been waiting for its own shadcn/ui moment. Today, we're excited to...
Building a Dynamic Segmented Layout in React with Framer Motion
Creating interactive and visually appealing user interfaces is key to a great user experience. Today,...
Mina Rich Editor – A Block-Based Rich Text Editor Built With shadcn/ui and Tailwind CSS
Mina Rich Editor: a block-based rich text editor built with React, Tailwind CSS, and shadcn/ui...
Mainline: a Production-Ready Next.js Template with shadcn/ui and Tailwind CSS 4
Mainline: A free Next.js 15 template combining shadcn/ui components, Tailwind CSS 4, and modern...
Wigggle UI: 40+ Free React Widgets for Next.js Projects
Wigggle UI: an open-source collection of 40+ React widgets that work with shadcn/ui projects. Key...
Wireframe-UI: UI Components for Rapid Prototyping in Code
wireframe-ui: A set of wireframe components you can copy and paste into your React/Next.js...
Next.js Dashboard Template Built on Shadcn UI Components
Multipurpose Shadcn UI Admin Dashboard Template: A production-ready admin panel built with React,...
Copy-Paste Shadcn UI Blocks & Components with Efferd UI
Efferd UI: An open-source library of pre-built Shadcn UI blocks Just found this collection of 39+...
50+ Free Shadcn Blocks for Landing Pages and SaaS Sites
Free Shadcn UI Blocks: 50+ marketing components built on shadcn/ui that you can copy directly into...
Dice UI: Advanced & Accessible Components for shadcn/ui
Dice UI: Accessible component library that extends shadcn/ui with React, TypeScript, and Tailwind...
shadcn/ui Async Button with Loading and Error States
Stateful Button for shadcn/ui: async feedback component with state machine architecture Key...
The Complete Shadcn/UI Theming Guide: A Practical Approach with OKLCH to Make it Looks 10x More Premium
The modern front-end ecosystem presents a paradox. Tools like shadcn/ui, built upon the robust...
Shadcn Studio - An Open Source Shadcn/ui Library is Here 🚀
Hey Devs! 👋 We’re super excited to announce the launch of Shadcn Studio — a free and open-source...
Capture Digital Signatures Easily with Shadix UI SignaturePad
If you’re building modern web apps with React + Tailwind, and need a smooth way to capture user...
Fixing Page Freeze After Closing a shadcn/ui Dialog, Sheet, DropdownMenu, and Popover in React
I've been using shadcn/ui for a while now, and I’ve got to say it’s an incredible tool for building...
Lina: Adaptive Scroll Area for React with Native Touch Support
Lina: A shadcn/ui ScrollArea replacement that actually adapts to your input method. Key features: 🎯...
Multi-Image Uploader for Next.js | Shadcn/ui
I’ve always had a thing for building small, efficient, and responsive components—especially when it...
I made an admin dashboard for NextJS using Shadcn UI! Use it for free! ⚡️
Hey guys, I made an admin dashboard for NextJS using Shadcn UI! Use it for free! Presentation:...
Build Voice Agents Faster with ElevenLabs UI Components
ElevenLabs UI: A collection of open-source agent and audio components built on shadcn/ui to help you...
Introducing the Zod Schema Designer: A Visual Tool for Creating and Editing Zod Schemas
If you’re a developer using Zod for schema validation in your Next.js or React projects, I have...
Building a Reusable Table with React, Typescript, Tailwindcss, and Shadcn/UI
Let’s face it—building an HTML table is simple enough if you stick to the good ol’ semantic approach...
trustthe.dev – A UI Component That Signs Your Work
“We version packages, sign commits, and write changelogs — but our UIs stay anonymous.” That...
Shadcn ui - <DropdownMenu> inside <Dialogue>
Issue: If there is a DropdownMenu component inside the Dialogue, and both the Dialogue and...
.gitkeep file in Shadcn/ui source code
I came across a file named .gitkeep whille studying Shadcn/ui source code and I wanted to share what...
Select Dropdown + Searchbar + Clearable (React & Shadcn)
Shadcn provides a fantastic set of beautiful UI components right out of the box. One of the most...
How to Create an Image to PDF Converter Using Next.js, Shadcn, and Tailwind
In this tutorial, we'll create a modern web-based image-to-PDF converter that works entirely in the...
Shadcn Components Animated with Motion (and More!)
Are you looking to supercharge your Shadcn components with fluid, modern animations? Animate UI is...
🚀Setting Up (2025) Next.js 15 with ShadCN & Tailwind CSS v4 (No Config Needed) + Dark Mode
With the release of Next.js 15 and Tailwind CSS v4, setting up a modern web project has never been...