Production-ready UI blocks for landing pages, dashboards, and web apps.
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 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.
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.
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 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.
A gentle signs-to-notice section: a serif heading that settles in word by word, an intro, numbered ruled signs with serif titles that blur in as they arrive, a pill action and a safety notice, beside a sticky photograph drifting inside its frame.
Anonymous reporting and whistleblower protection policy with reporting channels, protection guarantees, and a secure report submission button. Required for corporate compliance programs.
Centered eyebrow and heading above a wide image card carrying a corner label and a glass overlay band that pairs a testimonial with a headline stat, followed by a three-up row of icon reasons.
Team stats band paired with benefit highlights.
A two-column comparison contrasting the Polaris way with a typical agency.
Cinematic image band carrying a pill label in its corner, followed by a ruled four-column row where each measured fact pairs an oversized figure with a sentence of testing context, with the outline pill CTA sitting on the heading line.
Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid.
Single-frame image reel that slides on a transform, driven by round arrow buttons in the header and a row of bar indicators beside the caption, with no hover behaviour on the image itself.
Photo-free hero that runs a display statement across the full width, drops the paragraph and pill CTAs onto one baseline beneath it, and closes with a ruled four-column row of studio facts.
Cards styled like OS windows with title bars and close buttons. Retro OS design aesthetic.
Elegant two-column wine menu with origin details, vintage years, and dotted price lines. Perfect for wine bars, sommeliers, and fine dining beverage menus.