Production-ready UI blocks for landing pages, dashboards, and web apps.
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.
A when-to-visit section for a seasonal hotel: two smooth lines for sea temperature and daily sunshine draw across the twelve months under a bracket marking the open season, and hovering a month glides a marker along both lines while the large serif figures roll over and a short note says what that month is like at the house.
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.
A centred hotel hero with a serif headline, a short line and two pills above a panoramic photograph that begins as a framed picture with soft corners and, as it scrolls towards the middle of the screen, widens edge to edge while the view eases back from a slight zoom, finished with two quiet captions.
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.
A centered hero with a small eyebrow, a large light heading, a short description and two buttons. Below sits one full width stage with sharp corners, wide on desktop and square on phones, carrying a live inbox card in a frosted rim: a cursor presses sort, each email gets its label in turn and a one line summary says what still needs attention.
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.
Wine estate footer with wine collection categories, tasting room hours, experience links, award badges, and booking button. Perfect for wineries, vineyards, and breweries.
Saved items list with stock status, quick add to cart, and remove actions. Includes empty state with call to action. Perfect for user dashboards and saved items pages.
Accordion followed by a call-to-action card below. Great for converting users by offering additional contact options at the end.
A typographic travel-time table for a development: an eyebrow, heading and intro in the header grid, then a list of nearby places with their walking, cycling and driving minutes as three light figure columns that count up from zero as each row enters the viewport. Hairlines draw between the rows, which rise in order, and a footnote under the last hairline explains how the times were measured.
Footer with a CTA row, then a bordered card holding the brand, a statement heading, a back-to-top link, three link columns, copyright, and an oversized wordmark bleeding off the bottom edge.
A site footer with the brand, a short description and a contact email on the left and three link columns on the right, all on theme tokens. Below them a rounded band with a live wave effect carries a closing line and a large wordmark that scales with the band width. A copyright line and legal links close the footer, and the effect is a swappable background slot.
A minimal bar with the brand on the left and a single Menu word beside a CTA on the right; the word drops a full-width panel of three link columns over a bottom row of office locations and social links. The same panel serves every viewport and stays in the markup, toggled with CSS.
Full-width analytics card with four KPI tiles, a CSS bar chart of the last 30 days, and a top-workflows leaderboard with share bars.
Developer-facing split: copy on the left, tabbed code blocks on the right showing the API request, response, and webhook payload for a workflow.
Hero with a full canvas on the right showing a real workflow flow: trigger node, condition node, and two action branches connected with lines.
Onboarding card with a progress bar and a six-step checklist. Each step shows a completion state, a title, and a short hint.
Three pricing tiers tuned to workflow products: run quotas, workflow counts, and integration limits with a featured plan highlighted.
Tab navigation showing workflow stages with split image cards featuring stats overlays and descriptions. Perfect for demonstrating product workflow or development process stages.
Three-column stats strip where each metric is anchored by a real workflow piece: active runs, success rate, and approvals.
Full-bleed auto-scrolling marquee of studio projects with a header and view-all CTA.
Bento-style grid of work perks with featured image card and icon cards. Mixed layout showcasing PTO, wellness, equipment, and team events.
Three-column categorized preferences with checkmarks and X icons showing preferred vs non-preferred work styles. Perfect for freelancers clarifying ideal project types and engagement models.
Four-column numbered workflow section showing project phases like Discovery, Strategy, Design, and Deliver. Perfect for freelancers and agencies explaining their project methodology.
Interactive workshop selector with capacity tracking, attendee info form, and pricing summary. Perfect for paid workshops and training session signups.
Workshop cards with instructor profiles, skill levels, requirements, and live capacity tracking. Perfect for hands-on conference workshops and training sessions.
A settings panel with a section rail on the left and the chosen group on the right, laying out hairline preference rows with switches, a select for the group's default, and a save bar underneath.
A settings page with the heading, save and discard buttons held in a sticky left column and three collapsible groups of rows on the right: text inputs, selects, a segmented choice, switches, a masked API key with copy, a warning note and a destructive action. Rows are data, edits live in local state, and a counter beside the save button shows how many are unsaved.
Combined onboarding card for creating a workspace with name and URL slug, plus a team invite section with email inputs. Perfect for SaaS apps that require team collaboration setup.
Full-height workspace picker listing organizations with logo initials, member details, and a create-workspace row, plus a signed-in-as footer. Perfect for multi-tenant apps after sign-in.
Global news grid with color-coded region indicators, hot story badges, and source attribution.