Articles by Tag #shadcn
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
How to Use Shadcn UI with a React Project
Shadcn UI is a modern and flexible UI component library designed to work seamlessly with React. It...
How to add shadcn to existing project
If you are a web developer, chances are you heard about shadcn/ui, one of the most popular component...
Top 5 Coolest shadcn/ui Extensions
Shadcn/ui is without a doubt the most popular component library. It become crazy popular in the...
Building UIs with Franken UI, a Shadcn alternative
Written by Jude Miracle✏️ As developers, we often look for tools and ways to enhance our...
Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI
This article was co-authored by: @calyx_426 Charles Nigel Espiloy Introduction Every...
trustthe.dev – A UI Component That Signs Your Work
“We version packages, sign commits, and write changelogs — but our UIs stay anonymous.” That...
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:...
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...
Multi-Image Uploader for Next.js | Shadcn/ui
I’ve always had a thing for building small, efficient, and responsive components—especially when it...
Select Dropdown + Searchbar + Clearable (React & Shadcn)
Shadcn provides a fantastic set of beautiful UI components right out of the box. One of the most...
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...
Create React project with Vite and set up Tailwind, shadcn/ui
Using Tailwind and shadcn/ui is common in React. This is how to start a new React project with...
How to add ShadCN to an electron-vite project.
Currently, it's a bit tricky to add shadcn components to an electron-vite project, so I thought of...
Shadcn Components Animated with Motion (and More!)
Are you looking to supercharge your Shadcn components with fluid, modern animations? Animate UI is...
Material UI vs Shadcn
Are you confused in Material UI vs Shadcn for your next React project? Both are popular UI component...
Implement ShadCn form with Validation
Our Goal or Funda is very simple. Follow 4 steps implement a super duper form with validation with...
Nx Workspace Guide(v20): Next.js + React Component Library + ShadCN Integration + Tailwindcss (v4)
Explore the full setup and code on GitHub: ...
🚀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...
10 Essential Shadcn Components Every Developer Should Know About
Living in the web development world, it may just feel like digging for treasure until you find your...
Shadcn Date Picker with custom implementation
Shadcn Date Picker that comes with this component library definitely does not suck, but there are a...
Why Developers Love the Shadcn Sidebar Component
Navigation is a crucial part of any web application. It helps users understand the structure of the...
Install ShadCN and Tailwind in Vite React Project
https://github.com/techshade/shadcn-vite-react-starter
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...
The beginning of my open source journey
Introduction Hello there, my name is Cleo Buenaventura. Currently a 4th year Software...
SHADYX UI - Anurag Singh
📌 Website : https://www.shadyxui.in Finally Finally !! ✨ Shadyx UI - From Copy to Vibe ✨ is live...
A comparison of metadata configurations between Lobechat and Shadcn/ui
In this article, you will learn how metadata is configured in Lobechat and Shadcn/ui. This comparison...
How to Install Shadcn with Next.js 14: A Step-by-Step Guide
Fastness means using the best and most up-to-date tools and frameworks in the ever-fast-developing...
Next.js + Better Auth + Prisma With Dashboard Starter Kit
Features Next.js 15 with App Router for modern React development Better Auth for seamless...
Forms in seconds with ShardCn forms
Good morning everyone and happy MonDEV! ☕ We are here again ready to start a new week discovering a...
Ultimate Scaffolder for Next.js and Supabase development
Hey there, awesome devs! 👋 Are you tired of spending hours setting up your Next.js projects with...