Production-ready UI blocks for landing pages, dashboards, and web apps.
Centered CTA content above a continuously scrolling horizontal strip of looping video thumbnails. Creates an energetic, dynamic showcase feel.
3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal for video tutorials, product demos, or educational content.
Centered header above a wide video thumbnail with a play overlay, followed by a row of three stat cards with optional star ratings.
Classic newspaper front page layout with masthead, headline hierarchy, three-column text, and drop caps.
A virtual tour entry for a development's sales page: an eyebrow, heading and lead in the header grid, then a wide 21:9 photograph that opens from the top once loaded and in view, with a centred paper pill and play icon that plays the tour film inside the same frame (with native controls and a close button), and under it a row of three tour stops under hairlines, each with its number, a time marker, a title and a line.
Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning.
A visit-us section: a photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, a ruled sheet with the serif address, directions and opening hours, a sliding-marker pill and a text link.
Location mosaic mixing photographic tiles captioned on their own scrim with an inverted address tile carrying a directions link, a soft opening-hours tile and a full-width bordered visit row whose pill CTA sits opposite the copy.
Alternating split layout with feature screenshots on one side and release content on the other. Ideal for marketing-focused product update pages.
Photography-focused layout with hero image, full-width photos, side-by-side grids, and captions. Perfect for travel or photography narratives.
Three-pane builder mockup: a step sidebar, a node canvas with connected workflow nodes, and a properties panel for the selected step.
Health metrics dashboard displaying vital signs like heart rate, blood oxygen, activity, and sleep with trend indicators. Perfect for wellness apps and health tracking platforms.
A pinned scroll testimonial section for a small hotel built on the scroll-rail component, set on a warm muted surface: the heading and intro open a rail of guest quotes that travels sideways as the page scrolls. Each quote is a large serif pull quote with a faint oversized quotation mark drifting behind it and a byline with a round portrait, name and role, and quotes brighten as they reach the middle. Short and long quotes alternate in width, and a tall photograph that moves slower than its frame sits after every second quote. A rating summary with an Arrow Pill ends the rail. Reduced motion turns the rail into a plain horizontal scroll.
Per-seat pricing table showing volume discount tiers and price-per-user breakpoints. Perfect for team products with tiered pricing.
A light editorial hero with a circular portal: the vortex-gradient background component turns inside a large round window beside the copy, a spiral of soft pastel color pouring toward a glowing eye, while a hairline orbit draws itself around it on load. An oversized dark headline, an intro, an Arrow Pill and an underline link rise in on the paper side. The portal leans gently toward the cursor, and every vortex setting passes through the vortex prop.
A no-availability state that answers with three hairline figures and a numbered explanation of how offers are made, beside a sticky square tile floating a live panel of the waiting list itself and an urgent fallback.
A centered pre-launch section with an eyebrow, a large light heading, a paragraph, an image tile holding a working email-capture form with a success state, and a social-proof note.
Centered waitlist hero with eyebrow, big heading, description, an inline email-capture form and an overlapping avatar trust row.
A centered post-signup confirmation card on a soft muted surface with a monospace parenthetical eyebrow, an oversized queue-position number, a progress-to-front bar, and a referral row with a copy-invite pill button.
A centered waitlist section with a square eyebrow, a bold accent-highlighted heading, a working rounded email-capture form with a success state, and an avatar row with a live signup counter.
Coming soon section with an email waitlist input, stacked subscriber avatars, and a live join count. Perfect for building early traction and social proof before launch.
Long-scroll exhibition where every work sits in its own matted panel with a full label, beside a sticky rail whose numbered index follows the work in the middle of the screen and scrolls to any other on click.
A social proof wall with an eyebrow over a hairline rule, a two-column heading, and a masonry of bordered quote cards each with a name and handle.
Works listed with the sizes they are printed at, opening a viewer that hangs the piece in a photographed room and scales it as you switch size pills, so the dimensions stop being an abstraction.
A dark aerospace hero over the warp-field background component: a Canvas 2D starfield streaming from a vanishing point that leans toward the cursor. Hovering or focusing the primary Arrow Pill raises the warp prop, easing the stars into long hyperspace streaks with a soft tunnel glow, and leaving eases them back. An oversized light headline sits beside a short intro, the pill and an underline link. Every starfield setting passes through the stars prop; the loop pauses offscreen and reduced motion holds a still field.
A centered hotel hero with a serif headline over a framed preview film that loops silently, grows towards the container edges and loses its soft corners as it scrolls in, and carries a large play button with the film's length; pressing it opens a full-screen player with native controls.
A pinned scroll hero that starts as blank paper with an eyebrow and a large serif headline. As the page scrolls, a landscape photo blooms across the paper like watercolor from three points in a live WebGL shader, with darker pigment rims and a pale wash ahead of each edge, until it fills the screen and the headline, an intro and two links settle in over it. Scrolling back dries it to paper again. Paper follows the theme, it pauses offscreen, shows the finished frame for reduced motion and cross-fades a plain photo without WebGL.
A dark audio product hero over the wave-gradient background component: layered color ribbons roll across the frame at a slight tilt under a fine film grain and lift into a swell under the cursor. A left-aligned headline, intro, Arrow Pill and underline link sit over a soft dark veil. Every wave setting passes through the waves prop.
Browser-chrome card pairing a webhook delivery log on the left with a syntax-highlighted code editor on the right — color-coded status codes, timing per delivery, retry support. Every label is editable; no media props required.
Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.
A live session sign-up splitting a bordered container between the pitch, a hairline table of when and how long, and a checked takeaway list, beside a soft column holding a working registration card and the hosts.
A wedding and exclusive-use section for a small hotel: a serif heading and an intro beside two overlapping photographs that drift past each other as you scroll, with a request-a-proposal pill and the planner's portrait, name and role.
News organized by day with calendar-style headers, timeline layout, and category badges.
Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, duration, spots remaining, difficulty), and quick reserve action. Tap a day to see its classes, tap a class to book a spot.
Weekly real estate market activity grid with key metrics, change indicators, and trend badges in a bordered card layout.
Week-grouped task checklists each with a focus tag and a progress bar.
Full-height re-authentication screen showing the signed-in user's avatar, name, and email with a single password field, a forgot-password link, and a use-a-different-account option. Perfect for session unlock and returning-user prompts.
New customer promotion with large discount display, copyable promo code, benefit checklist, and CTA. Perfect for first-time visitor offers and marketing campaigns.
Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for app onboarding flows that guide users through a multi-step setup process.
A text-led hotel hero written as a letter from the owners: a tall photograph rises open and settles from a slight zoom on one side, while a serif headline, letter paragraphs with a drop cap arriving one after another and an italic signature with a hand-drawn underline fill the other, closed by a book pill and a write-to-us link.
Long-form content section with rich text, bullet point highlights, and call-to-action buttons. Perfect for wellness blogs, healing journey stories, and health philosophy pages.
Daily wellness goals tracker with progress bars showing current vs target for water intake, steps, mindfulness, and meals. Perfect for habit tracking and fitness apps.
Split-layout hero with large typography, serene imagery, and floating testimonial card. Perfect for yoga studios, meditation apps, and wellness retreat websites.
Split-layout hero with avatar stack social proof, floating heart rate card, and progress indicator overlay on image. Perfect for health, fitness, and wellness apps.
A row of tall photographic panels for a hotel's wellness spaces: hovering, focusing or tapping a panel widens it while the others narrow, its photograph eases back to full size and a description with small detail pills unfolds under the serif name. On phones the panels stack with everything visible.
A waitlist coming-soon section with a monospace parenthetical eyebrow, a heading, a working email notify form, and a three-step numbered process explaining what happens after signing up.
What's-in-the-box section pairing a product image with a checklist of included items, each with an optional note.
A heritage grain mill hero over the wheat-field background component: a field of ripe wheat at golden hour, thousands of stalks receding to a hazy horizon under a low sun, bending as gusts roll across and parting under the cursor like a brushing hand. A semibold serif headline, an intro, an Arrow Pill and an underline link sit in the sky at the upper left. Every field setting passes through the field prop; it pauses offscreen and holds a still field for reduced motion.