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...

Learn More 30 3Apr 24

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:...

Learn More 16 4Feb 4

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...

Learn More 14 3Mar 2

Multi-Image Uploader for Next.js | Shadcn/ui

I’ve always had a thing for building small, efficient, and responsive components—especially when it...

Learn More 13 0Feb 23

Shadcn Components Animated with Motion (and More!)

Are you looking to supercharge your Shadcn components with fluid, modern animations? Animate UI is...

Learn More 12 1Mar 31

Select Dropdown + Searchbar + Clearable (React & Shadcn)

Shadcn provides a fantastic set of beautiful UI components right out of the box. One of the most...

Learn More 12 3Feb 16

trustthe.dev – A UI Component That Signs Your Work

“We version packages, sign commits, and write changelogs — but our UIs stay anonymous.” That...

Learn More 10 0May 18

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...

Learn More 10 2Dec 30 '24

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...

Learn More 8 4Feb 22

Nx Workspace Guide(v20): Next.js + React Component Library + ShadCN Integration + Tailwindcss (v4)

Explore the full setup and code on GitHub: ...

Learn More 8 8Mar 18

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...

Learn More 8 0Nov 28 '24

🚀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...

Learn More 7 1Mar 4

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...

Learn More 7 0Sep 25

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...

Learn More 6 4Feb 26

Why Developers Love the Shadcn Sidebar Component

Navigation is a crucial part of any web application. It helps users understand the structure of the...

Learn More 6 0Nov 4 '24

Build a Lightning-Fast Design System in React with Tailwind CSS & ShadCN/UI

⚡ Build a Lightning-Fast Design System in React with Tailwind CSS & ShadCN/UI Creating...

Learn More 5 0Jul 15

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...

Learn More 5 0Jul 14

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...

Learn More 4 0Nov 12 '24

Discover the Power of AllShadCN: A Comprehensive Resource Hub for Shadcn UI Components

As a developer, you know how essential it is to have the right tools and resources at your disposal...

Learn More 3 0Jul 2

Forms in seconds with ShardCn forms

Good morning everyone and happy MonDEV! ☕ We are here again ready to start a new week discovering a...

Learn More 3 0Nov 11 '24

SHADYX UI - Anurag Singh

📌 Website : https://www.shadyxui.in Finally Finally !! ✨ Shadyx UI - From Copy to Vibe ✨ is live...

Learn More 3 0Jun 21

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...

Learn More 3 0Aug 19

You’re Using ShadCN Wrong ❌ – Here’s the Right Way to Customize It!

ShadCN has taken the developer community by storm—and for good reason. It brings you beautifully...

Learn More 3 1May 18

Shadcn UI Kit: Admin Dashboard, Templates, Components & Blocks

A large collection of admin dashboards, website templates, components and blocks. Minimize...

Learn More 3 1Mar 16

Next.js + Better Auth + Prisma With Dashboard Starter Kit

Features Next.js 15 with App Router for modern React development Better Auth for seamless...

Learn More 3 0Mar 23

Color Palette is served with ShadCn Theme Editor

Good morning everyone and happy MonDEV! ☕ Also this week we are ready, keyboard in hand, to drink a...

Learn More 2 0Dec 2 '24

Create a UI Kit with Vite + React + TypeScript + Tailwind CSS + shadcn/ui + NPM Linking

Step-by-step guide to building and locally linking your own UI component kit using modern frontend...

Learn More 2 0Jun 27

The Best Component Libraries for React, Next.js & Tailwind UI

Building modern web applications requires efficiency, consistency, and attention to detail. Component...

Learn More 2 1May 15

Awesome Open-Source Free to use Tailwind / Shadcn CSS Components

📆 Recently Added https://reui.io/docs/accordion...

Learn More 2 1Dec 9 '24

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...

Learn More 2 0Jan 28