Campaign overview
Last 30 days
Acquisition
42%
Activation
68%
Revenue
91%
Realtime product signals
Show live metrics and chart movement instead of an abstract dashboard promise.
Features components
Bento grids, tabbed explorers, comparison tables, and timelines.
Bento features
Feature bento
The capabilities that sell the product.
Varied cells with real UI backgrounds.
Live
Permission-ready flows
Auth, billing, and settings patterns share the same product shell.
Composable blocks
Sections are ordinary Svelte files with props and local dummy data.
Ship checklist
Swap copy
Attach screenshot
Point CTA
Cut unused sections
Launch notes
Use compact checklists when a feature needs proof, risk, and owner context.
SvelteKitConvexBetter AuthAutumnAI SDK
Production stack
Explain the boring but important services without making a logo pile.
Trial started
Synced to product state
Plan upgraded
Synced to product state
Invite accepted
Synced to product state
Alertable states
Status rows, badges, and calls-to-action are ready for backend data.
June 2026 Today
MoTuWeThFrSaSu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Live Review Draft
Activity calendar
A calendar surface that renders the same status vocabulary as the rest of the product.
Feature tabs
Accounts 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
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
Image comparison
Let visitors scrub the before and after instead of reading a spreadsheet.
Ported from Aceternity’s 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 timeline
Process
A timeline section for onboarding, setup, or delivery.
Borrowed from Aceternity’s long-form timeline shape: sticky labels, a real rail, screenshots or deliverables beside each moment, and no generic scroll-in choreography.
Plan the page01
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
02
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
Orbiting circles
Product
Auth ready
Billing wired
Convex live
AI optional
Docs editable
Landing local