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

How to use Shadcn with Flutter tutorial cover showing a mobile app interface and reusable UI components
How to use Shadcn with Flutter

Learn how to build and theme a Flutter app with shadcn_flutter, including setup, layouts, buttons, typography, sliders, and the key differences from shadcn/ui on the web.

tutorials 20 min read
Dynamic theme customizer for Next.js and shadcn/ui

Ajay Patel

Implementing Dynamic Themes in Next.js with Shadcn UI

Build a production-ready theme customizer for Next.js and shadcn/ui with presets, fonts, radius controls, dark mode, SSR cookies, and cross-tab sync.

tutorials 66 min read
Terminal showing commands for safely updating shadcn UI components

Ajay Patel

How do I update to latest Shadcn Version?

Learn how to update shadcn/ui components safely with the latest CLI, preview registry changes, compare diffs, and run project migrations.

tutorials 12 min read
Shadcn TanStack Form tutorial with React and Zod

Ajay Patel

Shadcn TanStack Form: Build Type-Safe React Forms with Zod

Build a production-ready Shadcn TanStack Form with Zod, accessible fields, async validation, dynamic arrays, and efficient React updates.

tutorials 15 min read
shadcn/ui with Tailwind CSS v4 and no tailwind.config.js file

Ajay Patel

How to Use shadcn/ui Without a Tailwind Config File

Learn how to set up and customize shadcn/ui with Tailwind CSS v4 using CSS-first configuration instead of a tailwind.config.js file.

tutorials 6 min read
How to Apply RTL Support to shadcn/ui Components in Next.js

Ajay Patel

How to Apply RTL Support to shadcn/ui Components in Next.js

Enable RTL in shadcn/ui, migrate existing components, and derive direction from the active locale for apps that serve both LTR and RTL users.

tutorials 11 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