Component Recipes
Real-world UI patterns built step-by-step with Tailwind CSS. Each recipe shows a live preview and the annotated code behind it.
Responsive Navbar
A sticky navigation bar with logo, links, and a mobile-friendly layout.
Hero Section
A bold landing page hero with headline, subtext, and call-to-action buttons.
Pricing Card
A clean pricing tier card with feature list, price, and CTA button.
Login Form
A centered authentication form with inputs, labels, and social login buttons.