Production-ready UI blocks for landing pages, dashboards, and web apps.
A closing call to action splitting a bordered container between a hairline contact table and an inverted dark column that floats a live card naming the person you will meet above the booking action.
Centered contact section with headline, description, primary CTA button, and social media link buttons with handles. Perfect for portfolio page footers encouraging visitor engagement.
Centered contact call to action with an availability badge and big headline.
Contact-forward footer — a parenthetical label, a closing heading and oversized email, phone and address links beside compact link columns, with a pill CTA and a back-to-top bottom bar.
Business footer with extended brand section including email, phone, and address, plus three navigation columns. Perfect for service businesses and agencies that need prominent contact information.
3-column grid of contact option cards with icons, descriptions, and action text. Perfect for contact methods display, support channels, or customer service options.
An expedition hero over the contour-terrain background component: a hill-shaded survey map laid slightly back into the distance, with crisp drifting contour lines, heavier index contours, accent-touched summits and lines that swell softly around the cursor. The headline, an intro and two Turn Arrow block buttons sit in the haze above the map. Every map setting passes through the terrain prop; colors follow the theme.
Smart contract addresses with copy-to-clipboard and explorer link buttons. Verified badge indicator, chain name, and truncated addresses with monospace font.
A community credit section opening on three hairline figures, then naming each contributor in a hairline matrix of cards with their practice, what they changed, and how many reports they filed.
Chat message thread with rich formatting, copy and thumbs-up/down action buttons on AI messages, and time-grouped message sections. Features hover-revealed action bars and smooth animations.
One member conversation walked through as timestamped hairline rows inside a bordered panel, each naming what happened and either the person who picked it up or the step that ran on its own.
Explains cookie types (essential, functional, analytics, marketing) with icons and examples. Perfect for cookie policy pages educating users on tracking technologies.
Displays a cookie notification with accept, reject, and customize buttons. Perfect for GDPR-compliant websites requiring user consent.
Cookie policy card listing each cookie type with name, description, and required/optional badge. Suitable for dedicated cookie policy pages or modals.
An interactive cookie notice with four hairline categories on live switches, a locked required group, save and reject-all actions, and a scrollable table naming every cookie, its purpose, and its retention.
Shows copyright notice, trademark attributions, and links to legal pages. Perfect for website footers requiring comprehensive legal information.
A centered pre-launch section with a square eyebrow, an accent-highlighted heading, a large colon-separated live countdown clock, a working email-capture form with a success state, and an avatar social-proof row.
Urgency-driven call-to-action with countdown numbers and limited-time offer messaging. Perfect for launches and time-sensitive promotions.
A pre-launch countdown on a soft muted card with a monospace parenthetical eyebrow, a bold wordmark, a heading, a live four-unit ruled countdown to a target date, and a reserve-seat pill button.
Coming soon section with a live countdown timer showing days, hours, minutes, and seconds until launch. Perfect for product launches, event announcements, or building anticipation for new features.
A split hero for an editorial studio built on the counter-columns component: on the right, a wall of photographic prints tipped back in perspective, its tall columns drifting endlessly in opposite directions and bleeding off the top and bottom of the frame. Scrolling the page pushes the columns, hovering slows them almost to a stop and the wall leans toward the cursor. On the left, a sentence-case eyebrow, a large semibold headline, an intro, an Arrow Pill and an underline link. On phones the wall becomes a band under the copy. Every wall setting passes through the wall prop, and reduced motion shows a still, staggered wall.
Two full-bleed image tracks scrolling in opposite directions under a centered statement, pausing together on hover, where any frame opens a framed viewer: the picture sits in a mount on a scrim with its caption, position and controls beneath it.
An impact section where a serif heading settles in word by word beside a pill action, then four ruled columns of serif figures count up from zero as they enter the viewport, each with a small-caps label and a line of context, under a slowly drifting soft light.
A certificate showcase card with course name, issuer, completion date, skills earned, and credential ID. Perfect for celebrating course completions and displaying verifiable credentials.
An education coming-soon section with a square eyebrow, a course heading, a start/length/format details grid, a working waitlist email form, and a syllabus card listing numbered lessons.
Video lesson page with instructor, navigation, progress tracking, and downloadable resources. Perfect for online courses.
A square cover grid that names each picture only on hover and opens it full screen on click, where arrows and the keyboard walk the archive and a link leads into the issue itself.
A tall photographic band with the newest piece set over a rising gradient, its dateline, display title, summary and seal button anchored to the bottom, above a hairline row of the issues before it.
Showcase footer with company stats, awards recognition section, navigation links, and trusted client logos. Perfect for design studios and creative agencies displaying credentials.
Host profile card featuring avatar, bio, stats (shows, episodes, listeners), social links, and a grid of their podcast shows. Perfect for podcaster profile pages and network creator pages.
Credit pack cards with bonus credits and usage examples showing cost per action. Perfect for AI tools and pay-as-you-go services.
Scheduled task manager showing cron expressions, last/next run times, duration, and active/paused/failed status indicators.
A late-night broadcast hero built on the crt-screen component: a tube television whose picture is a live WebGL CRT shader with barrel distortion, scanlines, an aperture grille, a rolling hum bar and static, plus a channel-switch glitch every few seconds, or on click, that tunes from the headline card to color bars and an amber slate. The set stands centered at the top, sized to fit one screen, with a short intro, a primary Arrow Pill and an underline link centered below it. The heading stays in the DOM for screen readers, and every picture setting passes through the screen prop.
Footer with prominent call-to-action section featuring heading, description, and action buttons alongside navigation columns. Perfect for SaaS products driving sign-ups and conversions.
Dark closing-CTA footer with a big statement, email and compact links.
A footer that opens with a light closing heading and accent buttons over a hairline rule, then a slim bottom bar with a lowercase wordmark, a link row, and copyright.
Vertical timeline with alternating content, year badges, milestone images, and connecting line. Perfect for chef stories and restaurant history pages.
Team culture stats bar followed by detailed job position cards. Combines social proof with open roles listing.
Company values grid with icon cards and employee testimonial quote. Showcases team culture and work philosophy.
A curated reading list under a left-aligned header, laid out as two columns of linked rows where a wide thumbnail sits beside the article title and nothing else competes with it.
Section that shows what the studio is running right now: a statement with the paragraph and pill CTA on one baseline, then three tall project tiles whose ruled captions name the client and the stage the work is at.
A pinned-scroll concert hall hero built on the curtain-reveal component: a heavy crimson velvet curtain with deep lit folds, a weighted hem and gathered swags across the top fills the screen, a centered serif headline resting on it. As the reader scrolls each half draws to its side, the folds bunching tighter and the hem trailing the top, while the house lights come up on an orchestra photograph behind. Once the stage is open the headline, an intro, an Arrow Pill and an underline link settle at the lower left over a soft scrim. Every curtain setting passes through the curtain prop; reduced motion shows the open stage on a single screen.
A customers management section powered by the data-table engine: avatar cells, status badges, sortable columns, keyword search, row selection with a live selected count, per-row action menus, pagination, and an export / add-customer toolbar.
Editorial customer story card: a pull quote on top, then a two-piece pair showing the actual workflow the customer ships — an active toggle and an approval gate.
Split-layout card promoting custom trip planning with feature bullet points and a large image. Perfect for travel agencies offering personalized itinerary design services.
A herbarium hero on the cyanotype background component: procedurally drawn ferns, grasses, seed heads and veined leaves lie on brushed watercolor paper while the print develops live from pale chemistry to deep Prussian blue, leaving the plants as white silhouettes with soft lifted edges. The cursor casts shade that holds back the blue, and every few seconds a wash rinses the print and a new arrangement develops. A serif headline, an intro, an Arrow Pill and an underline link sit on the open blue. Every print setting passes through the print prop.
Two-column layout with feature highlights and daily summary card showing heart rate, activity, and recovery metrics. Perfect for fitness coaching and health monitoring apps.
Dark-themed chalkboard-style menu with decorative corners, day labels, and timestamp. Perfect for daily specials, soup of the day, and rotating menu items.