Skip to content

Stay Ahead with Shadcn

Explore our expertly crafted blog posts featuring the latest news, in-depth tutorials , and expert tips to master Shadcn.

Search Your Blogs...

Articles for tutorials

shadcn/ui configured with Tailwind CSS v4 in a React Vite project

Ajay Patel

How to Set Up shadcn/ui with Tailwind CSS v4 Using Vite

Set up shadcn/ui with Tailwind CSS v4 in a React Vite project, including path aliases, Vite configuration, component installation, and common fixes.

tutorials 11 min read
Accessible website interface built with shadcn/ui components

Ajay Patel

Making Your Website Accessible with shadcn/ui

Make shadcn/ui websites more accessible with named icon buttons, visible focus states, keyboard-friendly components, form labels, and live regions.

tutorials 11 min read
Shadcn components.json Explained: Every Field, What It Does

Ajay Patel

Shadcn components.json Explained: Every Field, What It Does

Learn what every field in shadcn components.json does, which settings you can change, and how aliases, Tailwind, icons, RTL, and registries work.

tutorials 11 min read
Shadcn Framer Motion: Creating Animated Components Easily in 5 Parts

Ajay Patel

Shadcn Framer Motion: Creating Animated Components Easily in 5 Parts

Discover how to easily animate components with Shadcn Framer Motion in Next.js, featuring practical code examples.

tutorials 56 min read
How to Integrate shadcn/ui into Laravel Using Inertia + React (Step-by-Step Guide)

Ajay Patel

How to Integrate shadcn/ui into Laravel Using Inertia + React (Step-by-Step Guide)

Learn how to seamlessly integrate Laravel shadcn using Inertia and React for modern web app development.

tutorials 7 min read
Form Handling Masterclass: React Hook Form + Zod + Shadcn UI

Ajay Patel

Form Handling Masterclass: React Hook Form + Zod + Shadcn UI

Discover effective techniques for form handling using React Hook Form, Zod, and Shadcn UI in this comprehensive masterclass.

tutorials 25 min read

Build Beautiful UIs with Shadcn Studio Build Beautiful UIs with Shadcn Studio — Explore our open-source collection of shadcn/ui components, blocks, and templates — with a powerful theme generator. — Explore Shadcn Studio