01
15 minutes
Pick the product story
Choose the landing sections that match the offer, delete the rest, and keep the route readable.
Hero angle
Proof type
Primary CTA
5 variants
Features components
Tabbed explorers, comparison tables, timelines, and visual diagrams.
Source path
src/lib/components/landingAccounts without a blank auth page
Sign-up, recovery, sessions, and protected layouts as one story.
OAuth and email/password
Profile completion routing
Session-aware app shell
Comparison table
See how the starter stacks up against the alternatives.
A compact matrix for the details people check before they pick a path.
Static template Fast start Pretty sections, no product routes
Product Plate Starter Landing, auth, data, and billing in one codebase
Custom build Highest control Tailored fit, slower first version
Landing system
Hero and CTA variants
4
8
Custom
Feature bento blocks
Proof wall variants
Basic
Mosaic + marquee
Custom
Comparison page
Product plumbing
Auth-ready app shell
Realtime data layer
Billing and checkout
File uploads and storage
Launch support
Founder checklist
Deployment workflow
Vercel
Cloudflare
Your choice
Onboarding copy patterns
Image comparison
Let visitors scrub the before and after instead of reading a spreadsheet.
Ported from the Aceternity Compare component: a clipped image layer with a pointer-driven slider, drag or hover modes, and a keyboard-friendly handle.
Before Drag the handle to compare After
Process
A timeline section for onboarding, setup, or delivery.
Borrowed from the Aceternity long-form timeline shape: sticky labels, a real rail, screenshots or deliverables beside each moment, and no generic scroll-in choreography.
Plan the page02
First build
Connect real surfaces
Replace dummy proof with your routes, screenshots, billing model, and customer language.
App screenshot
Auth route
Pricing path
03
Polish pass
Tune motion and density
Keep only useful interactions, use semantic tokens, and preserve reduced-motion behavior.
Hover states
Mobile spacing
A11y pass
04
Launch day
Ship and measure
Point CTA actions at sign-up, trial, checkout, or a waitlist, then instrument the funnel.
Analytics event
Conversion goal
Support link
Product
Auth ready
Billing wired
Convex live
AI optional
Docs editable
Landing local