Production-ready UI blocks for landing pages, dashboards, and web apps.
Four publication figures on hairlines, each carrying a label and a short note on how that number was measured rather than leaving the reader to trust it.
A who-is-it-for section with pill tabs under a serif heading that settles in word by word: each audience blurs in a serif title, a description, dotted points and a sliding-marker pill beside a portrait photograph drifting inside its frame.
Pill tabs for each audience swap a split panel holding a tall photograph beside a title, summary and ruled list of what that audience actually gets.
Fully functional audio player with Now Playing card, playlist view, progress bar, skip controls, and waveform animation.
Filterable audit trail showing user actions with create, update, delete, and access type indicators. Includes resource, user, and timestamp info.
Interactive call-to-action card with animated aurora gradient blobs and mouse-following spotlight effect. Creates an immersive, eye-catching conversion section.
Prominent author profile with large avatar display, followed by featured image below title. Best for thought leadership or expert opinion pieces.
Full-bleed hero whose background photographs cross-fade on a timer, with a caption and bar indicators on a ruled line at the foot that also let a reader jump straight to a frame.
A workflow that scores each stage on how much of it runs unattended, drawing an accent bar per stage and naming what still needs a person, against a sticky column with one headline figure and a live stage tracker.
Animated carousel with progress bar and auto-advance through questions. Engaging for featured FAQs.
Dense grid of subscriber avatars with centered heading overlay and call-to-action. Perfect for community-driven conversion.
Recognition section pairing a ruled list of awards with two to three highlighted project thumbnails.
Editorial list of studio awards by year with project and recognition details.
Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal for press and credibility sections.
Product availability alerts with email and SMS signup options. Displays waitlist counter to create urgency and social proof. Perfect for out-of-stock product pages and inventory waitlists.
An about section built around a wide photograph that drifts inside its frame: a serif heading that settles in word by word above it, then an intro with a sliding-marker pill beside four ruled serif figures that count up as they arrive.
Horizontal banner call-to-action with heading and action buttons side by side. Perfect for inline conversion sections between content blocks.
Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies.
A design school hero on a strict twelve-column grid: a heavy sans headline, an intro and a Turn Arrow block button with an underline link on the left, and on the right the bauhaus-composition background component, a living constructivist poster of circles, quarter circles, squares, bars and hairline rules that springs into a new balanced arrangement every few seconds, leans away from the cursor and moves on at a click. Every composition setting passes through the composition prop.
Two-column sponsorship pitch with benefit highlights, audience reach statistics, and contact CTAs. Perfect for attracting event sponsors and partners.
Side-by-side before/after comparison lists with a testimonial quote below. Perfect for demonstrating transformation results or product impact stories.
Side-by-side comparison cards with bullet lists showing pain points vs. solutions after transformation. Perfect for demonstrating product value, workflow improvements, or competitive advantages.
Interactive toggle that switches between two sets of feature items with staggered fade-in animation. Pill-style toggle button with distinct visual states for before and after. Great for product comparisons.
Interactive image comparison component with a draggable divider supporting horizontal and vertical orientations. Perfect for showcasing transformations, photo editing results, or design improvements.
Interactive image comparison slider with draggable handle for before and after views. Supports both mouse and touch input.
A centred serif headline that settles in word by word, then two columns: a muted panel listing how an agent improvises today and an ink panel listing what it does once the library is installed. Between them, on a hairline, sits the pill that copies the install command on click.
A results section stacking each measure on its own hairline row, moving a muted starting figure to an accented result across an arrow, with a soft closing panel that floats a live comparison card.
A pinned scroll feature section for a restoration studio that shows three projects as before and after photographs. As the page scrolls, a soft vertical seam travels across the frame and wipes each room from its worn state to the restored one, then the frame crossfades to the next project. A round handle on the seam can also be dragged, or moved with the arrow keys, to compare by hand. A side column carries the eyebrow, heading and intro, then each project's place, title and one sentence with a before and after label pair that follows the seam. When no before photo is given, the after photo is aged with a faded, stained treatment so the wipe reads as a restoration. Reduced motion shows each pair side by side.
Coming soon section with a side-by-side comparison table showing current limitations versus upcoming improvements. Perfect for SaaS upgrades and product relaunches.
Kitchen tour section with hero image, station features, certification badges, and tour booking CTA. Perfect for showcasing kitchen facilities and food preparation areas.
A statement heading over a belief list punctuated by intermittent inline thumbnails.
Two-column about section with a sticky eyebrow and big heading on the left and a long belief paragraph above a border-separated values list on the right.
A benchmarking section that pairs an accent bar for the platform median against a muted bar for the sector median on every metric, with a legend above and a sourcing note below.
A working-here section pairing a six-item icon benefits grid and a captioned full-bleed photograph with two closing cards that set what you get against what the company deliberately does not offer.
Categorized studio benefits with checklists per category.
Responsive grid of benefit items with checkmark icons and descriptions. Perfect for benefits list, value proposition, or key advantages.
Studio benefits grid with an accent highlight and icon cards.
A split hero: eyebrow, a serif headline that settles in word by word, an intro, three ringed check benefits and a sliding-marker pill on the left, and a portrait photograph drifting inside its frame on the right.
A bento feature grid with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, and four mixed-width image tiles that each float a live product micro-asset above a caption.
Bento layout pairing a code editor mockup with a video play card and a file upload preview. Every label is editable; no media props required.
Bento grid layout with mixed content cards surrounding a central call-to-action. Perfect for showcasing multiple value props in a visually dynamic grid.
Feature cards with 3+2 bento layout and flush media
Asymmetric bento-style grid with a highlighted hero card spanning full width and smaller feature cards below. Great for showcasing a primary feature alongside supporting capabilities.
Bento-style grid with mixed card sizes over background media, featured large card spanning two columns
Asymmetric bento mosaic of project tiles with overlaid titles and hover seal arrows.
Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A modern, compact about section.
Asymmetric bento-style grid with mixed card sizes, color variants, eyebrow labels, and large stat highlights. Perfect for platform overviews, feature showcases, or capability summaries.
Asymmetric bento-style grid with mixed single and double-width stat cards. Ideal for year-in-review and annual report sections.