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...
Building UIs with Franken UI, a Shadcn alternative
Written by Jude Miracle✏️ As developers, we often look for tools and ways to enhance our...
Top 5 Coolest shadcn/ui Extensions
Shadcn/ui is without a doubt the most popular component library. It become crazy popular in the...
Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI
This article was co-authored by: @calyx_426 Charles Nigel Espiloy Introduction Every...
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:...
Multi-Image Uploader for Next.js | Shadcn/ui
I’ve always had a thing for building small, efficient, and responsive components—especially when it...
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...
Shadcn UI: Must-Have Tools & Resources
awesome-shadcn/ui A curated list of awesome things related to shadcn/ui Created...
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...
Implement ShadCn form with Validation
Our Goal or Funda is very simple. Follow 4 steps implement a super duper form with validation with...
Material UI vs Shadcn
Are you confused in Material UI vs Shadcn for your next React project? Both are popular UI component...
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...
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 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...
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...
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...
Forms in seconds with ShardCn forms
Good morning everyone and happy MonDEV! ☕ We are here again ready to start a new week discovering a...
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...
How to Fix Shadcn UI Adding Wrong Folder for Components
I wish to share the observation and simple fix for Shadcn UI components folder issue. ...
Next.js + Better Auth + Prisma With Dashboard Starter Kit
Features Next.js 15 with App Router for modern React development Better Auth for seamless...
Creating a User Nav bar in Next.js 14 using Shadcn UI and Tailwind CSS
The goal for this article is to build something like: When I was working on a project...