Hero
17 variantsThe first screen of a page.
Landing page and marketing components
Sections that sell. Heroes, features, pricing, social proof and calls to action.
36 categories · 50 components · 304 variants
Everything a landing page is built from
Marketing sections carry a visitor from the first screen to the signup. This area holds them in the order a landing page usually needs them, the hero first, then features and proof such as logos, stats and testimonials, then pricing, the FAQ and a call to action. Around them sit the parts for special moments, a launch with waitlist, a free trial, a referral program or a manifesto.
Pick one variant per section and keep the same rhythm of spacing and type through the page, every section here shares the tokens of the kit, so that happens by itself. For a page with motion, the scroll stories and scroll effects add one strong moment, and the collections show proven orders for SaaS, apps and agencies.
36 categories
Features
15 variantsWhat a product does, in grids, rows and bento layouts.
Logo clouds
8 variantsCustomers and partners at a glance.
Stats
8 variantsNumbers that prove something.
Pricing
11 variantsPlans, tiers and comparisons.
Testimonials
11 variantsQuotes, reviews and ratings.
Call to action
11 variantsThe invitation to the next step.
FAQ
7 variantsFrequent questions as accordions and grids.
Newsletter
12 variantsSign-up for updates.
Banners
9 variantsAnnouncement bars and promotions.
Popups and consent
7 variantsCookie consent, offers and announcements in a dialog.
Services
7 variantsWhat you offer, as cards, lists and detail rows.
Use cases
6 variantsOne product, shown for the people who use it.
Security and trust
7 variantsCertificates, data protection, uptime and guarantees.
Changelog and roadmap
6 variantsWhat shipped, what comes next.
Launch and waitlist
6 variantsCountdowns, waitlists and launch moments.
Product tour
6 variantsGuided walks through a product, step by step.
Press and awards
10 variantsCoverage, awards and media kits.
AI features
6 variantsSections that show what AI does in a product.
App download
5 variantsStore buttons, QR codes and phones for the page that sends people to your app.
Donations and support
4 variantsAmounts, campaign goals and the impact of every gift.
Problem and solution
5 variantsThe pain visitors know, then the way out.
Objections
5 variantsDoubts before buying, answered with proof.
Calculators
10 variantsROI and savings, worked out by the visitor.
Quiz and product finder
5 variantsA few questions that lead to one recommendation.
Free trial
5 variantsTrial sign-ups that leave nothing unclear.
Referral and partners
10 variantsCustomers who bring customers, partners who resell.
Community
5 variantsThe people around a product and how to join them.
Open source
5 variantsRepository figures, contributors, sponsors and editions.
Manifesto
5 variantsWhat a company stands for, in its own voice.
Offer
5 variantsOne offer with its value, bonuses and ways to pay made plain.
Lead magnet
4 variantsSomething useful in exchange for an email address.
Scroll stories
20 variantsSections that tell while the page scrolls. Cards that stack, rows that move sideways, pictures that zoom open and media that stays while chapters change.
Scroll journeys
13 variantsA number, a picture or a marker that travels while the page scrolls. Counters through stages, flipbook frames and paths that draw themselves.
Scroll effects
13 variantsMoving type and depth that make a page memorable. Layers at different speeds, lines that slide with the scroll and text as a window onto a picture.
Scroll reveals and transitions
15 variantsParts that open to reveal what lies behind, cards that fan and pile up, and sections that hand over to the next one.