Design Pack
Production-style pages you can copy — AI startup, fintech, travel, fashion commerce, a burger joint, dev-tool landings, dashboards and storefronts. Each one shows a full navbar → hero → content flow with bento grids, flip cards, collages, marquees and premium forms. Scroll each card to explore.
Zero-fee accounts, instant transfers, 4.2% APY savings and a card that pays you back — all in one app.
No credit check. No hidden fees. Cancel anytime — the metal card ships free.
Fintech — Neo-Bank Landing
Split hero with a pure-CSS floating credit-card stack, live market ticker, analytics bento and a premium card-application form.
Hand-crafted journeys, local guides and stays you won't find on booking sites. You dream it, we route it.
Hover a card to see the deal ↻
Travel Agency — Flip-Card Explorer
Photo-collage hero, segmented premium search bar, 3D flip cards that reveal the deal on hover, steps band and destination marquee.
Double beef seared at 900°F, butter-toasted brioche, secret smash sauce. At your door in 15 minutes.
Drop your address — we'll find your nearest Smashly.
Food Shop — Burger Joint
Bold stacked headline, circular hero photo with spinning ring and floating chips, promo marquee, hover menu cards and an address form band.
Early access to drops, private sales and styling notes. One elegant email a week — no noise.
Fashion Commerce — Editorial Store
Serif center-logo navbar, magazine collage hero, quick-add product cards that slide up on hover and an underline newsletter form.
Zero-config deploys, preview URLs on every push, and rollbacks in one keystroke. Your git workflow, supercharged.
Unlimited preview deploys · 100GB bandwidth · no credit card.
Dev Tool — Terminal Landing
Terminal-window hero with blinking cursor, ⌘K hint, ops bento grid — request graph, uptime strip, pulsing edge regions, live logs.
Shoe Store — Admin Dashboard
Full Nike-style store admin: sidebar nav, KPI cards, animated revenue chart, best-seller, and top-products with photos and stock bars.
Lesson 14 of 32 · Compound Components
E-Learning — Course Platform
Learning dashboard with a continue-learning hero, progress bar, streak, stats and a course grid with thumbnails and ratings.
Grass-fed, hormone-free dairy delivered cold to your door within 24 hours of milking.
Bottled this morning
Dairy Brand — Storefront
Clean organic milk brand: split hero with floating product, fresh-range grid and a dark benefits band. Light, editorial.
Swiss automatic movement, sapphire crystal, 100m water resistance. Hand-assembled in Geneva.
Watch Store — Luxury Landing
Editorial luxury watch shop: serif headline, radial-glow product hero, collection grid and a craftsmanship spec band.
Grocery — Delivery App
Mobile grocery app in a phone frame: gradient header, category circles, promo banner, product grid and tab bar.
12,480 listings across 60 cities
Real Estate — Listings
Property portal: photo hero with glass search bar, filter chips and a listing grid with prices, specs and favourites.
Fitness — Workout Dashboard
Gym dashboard with SVG activity rings, today's plan checklist, weekly volume chart and a live-trainer CTA band.
Coffee Shop — Menu & Loyalty
Café landing: full-bleed photo hero, signature-drinks menu and a buy-9-get-1 loyalty stamp card. Warm and rich.