Topic hub
UI, shadcn/ui & Tailwind
Ship polished UI faster: shadcn/ui setup, Tailwind v4 (no classic config file required for fonts), and production-ready dark mode. Practical steps for App Router projects.
- Next.jsTailwind CSSDark ModeMay 16, 2025
Tailwind v4 Dark Mode in Next.js with next-themes Setup
Build dark mode with Tailwind v4 and next-themes in Next.js—class strategy, theme switching, and fewer flash-of-wrong-theme surprises.
Read article - Next.jsTailwind CSSFontsMay 15, 2025
How to Use Next Font with TailwindCSS 4.0 (No Config File Needed)
Tailwind CSS 4.0 removes the config file, but you can still apply custom fonts with Next Font and CSS variables. Learn how in this step-by-step guide.
Read article - Next.jsComponentsShadcnSep 20, 2024
How to Install shadcn/ui in Next.js: Step-by-Step Guide
Install shadcn/ui in Next.js step by step: CLI setup, Tailwind v4 notes, and your first components without config rabbit holes.
Read article