Guides
Build complete pages, step by step.
Practical guides for the pages most products need, with the structure that works, where motion helps, and working blocks you can install.
All guides
9 min readHow to Build an Animated SaaS Landing Page in Next.jsA step-by-step guide to structuring, building, and animating a SaaS landing page in Next.js with React blocks, Tailwind CSS, and Motion.8 min readHow to Build a Pricing Page in React That ConvertsDesign and build a React pricing page: plan structure, billing toggles, seat calculators, comparison tables, and FAQs, with animated blocks you can install.9 min readHow to Build a React Dashboard in Next.jsBuild a React dashboard in Next.js: app shell and sidebar, KPI cards, charts, data tables, notifications, and empty states, using installable animated blocks.8 min readHow to Build an AI Chat Interface in ReactBuild an AI chat UI in React: the prompt composer, attachments and model selection, sources, clarifying questions, voice mode, and usage limits.8 min readHow to Build a User Onboarding Flow in ReactBuild a React onboarding flow from sign-up to first value: auth screens, step forms, team invites, setup checklists, and empty states, with installable blocks.7 min readHow to Build a Waitlist Page in Next.js for Your LaunchBuild a pre-launch waitlist page in Next.js: a clear promise, an email form that converts, social proof, a countdown, and an animated background.