A block for every idea.

Drop-in animated components, production-ready out of the box. Add one to a project, or combine them into something entirely yours.

0:06

Status Donut Card - Corporate Professional

A corporate-professional dashboard card on a pale grid where your project name and donut chart animate in and resolve to a status pill with your headline metric. Great for project management tools, B2B operations platforms, and engineering and DevOps dashboards.

0:06

Trust Stats Bar - Corporate Professional

A corporate-professional white pill on deep navy where three of your trust stats and their captions count up in a single horizontal reveal. Great for B2B SaaS landing pages, enterprise investor and sales decks, and professional services websites.

0:06

Release Notes Card - Corporate Professional

A corporate-professional release notes card on a dark navy grid where your product mark, version tag, headline, and supporting copy animate in over a blue gradient. Great for B2B SaaS launches, developer platform changelogs, and customer-facing product update emails.

0:06

Executive Insights Card - Corporate Professional

A corporate-professional insights card on black where your title, subtitle, two metric rows, and a hero percentage donut animate in over a deep blue surface. Great for B2B SaaS executive dashboards, management consulting decks, and corporate strategy platforms.

0:06

Storage Quota Bar - Zen-Tech

A zen-tech glassmorphic widget on a soft grey gradient that reveals your storage label, an animated fill bar, and a used-of-total counter with calm, dashboard-grade motion. Great for cloud storage products, file sync apps, and developer infrastructure tools.

0:06

Onboarding Pill CTA - Zen-Tech

A zen-tech pill CTA on a moody gradient that reveals your label with quiet, intentional polish and a soft top highlight. Great for premium SaaS onboarding, wellness app first runs, and lifestyle product flows.

0:06

Card Balance - Zen-Tech

A zen-tech credit-card-shaped widget on a deep navy gradient that expands to reveal your available balance and a masked card identifier. Great for neobanks, credit and rewards products, and personal finance apps.

0:06

Daily Habit Ring - Zen-Tech

A zen-tech habit card on warm neutrals that scales in and draws a golden progress ring around your daily completion count, with a caption line for context. Great for meditation and mindfulness apps, fitness and wellness trackers, and focus and productivity tools.

0:06

Lesson Card - Neo-Constructivism

A neo-constructivist lesson card on a soft grid that builds in an icon, your lesson title, a body paragraph, a module progress marker, and a primary CTA. Great for online course platforms, technical and developer education, and skills certification products.

0:06

Account Balance Widget - Zen-Tech

A zen-tech widget on a dark teal field that reveals your account balance, a monthly delta pill, and a glowing line chart of your recent activity. Great for neobanks, personal finance and budgeting apps, and investing and savings products.

0:06

Portfolio Growth Card - Corporate Professional

A corporate-professional growth card on a teal striped backdrop where your headline value counts up and a goal sub-card slides in with your target. Great for investing and wealth management apps, B2B financial analytics, and corporate finance dashboards.

0:02

Pro Upgrade Modal

A clean product-UI upgrade modal that slides in with your tier name, your benefit copy, and a single primary CTA. Great for freemium SaaS upgrade flows, mobile premium tiers, and trial-to-paid conversion moments.

0:06

Uptime Monitor Ticker - Data Brutalism

A data-brutalist status pill on a graph-paper grid that snaps in a heartbeat icon, your brand name, an uptime percentage, and a live change indicator. Great for developer infrastructure platforms, status and observability products, and cloud and hosting providers.

0:10

Revenue Metric Card - Monoline Data Story

A monoline data-story card on a dark grid where your KPI label types in, your headline value lands top-right, and a green sparkline area chart fills in beneath. Great for SaaS and B2B analytics, fintech and revenue intelligence platforms, and investor and finance dashboards.

0:06

Call Intelligence Card - Monoline Data Story

A monoline data-story call card on dark navy where an audio waveform animates and your transcribed quote fades in above a mic action button. Great for sales engagement and CRM platforms, customer success and support tooling, and AI call analytics products.

0:06

Query Input Card - Monoline Data Story

A monoline data-story query card on a dark grid where your product name and prompt type in beneath a chart icon, then a 'Run query' CTA settles in. Great for fintech and trading platforms, AI finance assistants, and investment research and analytics tools.

0:10

Onboarding CTA Button

A product-UI CTA button that morphs from your short label to your full call-to-action and gets clicked by an animated cursor. Great for SaaS signup flows, mobile first-run screens, and B2B trial activation moments.

0:06

Savings Promo Pill - Cottage Studio

A warm sage-green pill that floats over your background clip and types out your savings headline beside a hand-crafted product mark. Great for artisan kitchen and home goods, specialty food brands, and boutique lifestyle DTC.

0:06

Product Review Card - Cottage Studio

A cream cottage-aesthetic review card that floats over your background clip and reveals your product name, customer story, and a five-star rating above your hero image. Great for home goods and ceramics brands, artisan food and beverage, and small-batch lifestyle DTC.

0:06

Editorial Banner - Cottage Studio

A wide cream editorial banner that drifts across your background clip, sets your two-line serif headline, then drops your discount figure underneath. Great for artisan food and pantry brands, home and decor labels, and editorial lifestyle publications.

0:06

Subscription Banner - Organic Wellness

A glassy frosted wellness banner that overlays your background clip, holds your hero image, and animates in your subscription headline next to a quiet CTA. Great for wellness and meditation apps, supplement subscription brands, and self-care subscription boxes.

0:06

BOGO Deal Pill - Organic Wellness

A soft cream BOGO pill that floats over your background clip, mounts your two-up product slot on a small stand, and types in your buy-one-get-one headline with a quiet CTA. Great for clean candle and home-fragrance brands, natural skincare DTC, and small-batch wellness goods.

0:06

Vertical Promo Card - Organic Wellness

A vertical glassy wellness card that lifts off your background clip, holds your portrait hero image, then reveals your product name, collection line, and discount figure. Great for clean beauty and skincare brands, spa and bath product DTC, and natural wellness retailers.

0:06

Product Promo Card - Vibrant Energy

A high-energy purple-to-magenta vertical card that pops over your background clip, mounts your product render, and reveals your product name, tagline, and bold discount figure. Great for consumer electronics DTC, mobile and accessory drops, and lifestyle tech retailers.

0:06

Tagline Banner - Vibrant Energy

A hot-pink horizontal banner that pairs your portrait image with your punchy tagline and a yellow CTA. Great for activewear and athleisure brands, sports nutrition DTC, and gym and fitness apps.

0:06

Product Detail Card - Vibrant Energy

A bold purple horizontal product card that lays over your background clip, holds your portrait image, and reveals your product name, category, price lines, and CTA. Great for activewear and athleisure DTC, audio and wearables brands, and high-energy lifestyle e-commerce.

0:10

Product Feature Pill - Zen-Tech

A zen-tech overlay pill on real desk footage that reveals your brand mark, your tagline, and a contrasting offer call-out with clean, restrained motion. Great for SaaS feature highlights, productivity and automation tools, and premium B2B product pages.

0:10

Product Showcase Card - Zen-Tech

A zen-tech two-pane card on real workspace footage that reveals your product name, a short description, a strikethrough price reveal, and your primary CTA. Great for SaaS landing pages, premium subscription products, and B2B promotional campaigns.

0:10

Product Discount Card - Zen-Tech

A zen-tech tall product card over blurred code footage that reveals your product mark, your product name, a strikethrough discount, and your primary CTA. Great for developer tool launches, premium SaaS upgrade flows, and tech subscription promotions.

0:10

Service Showcase Carousel - Professional Services

A corporate-professional carousel over darkened office footage that slides through rounded photo cards, each surfacing your firm name, a practice area title, and a one-line description. Great for law firms and legal services, management and strategy consulting, and accounting and financial advisory practices.

0:13

Service Detail Slider - Health Medical

A clean medical slider with a numbered left panel that pairs your service title and description against vertically sliding photo cards tagged by category and rated by stars. Great for hospitals and healthcare providers, telehealth and digital health platforms, and dental, vision, and specialty clinics.

0:10

Collection Carousel - Lifestyle DTC

A sun-warmed lifestyle carousel over a soft interior backdrop that pairs your collection headline and intro with editorial product cards labeled by your category pills and stepped through with a numbered indicator. Great for DTC apparel and accessories brands, home goods and decor labels, and beauty and personal care e-commerce.

0:10

Product Page Fan-Out - Creative Entertainment

A creative-entertainment fan-out on black that rotates a folded book of white pages through 3D space, each card built around a vivid 3D icon, your product name, a starting price, and dual CTAs. Great for creative software and plugin marketplaces, music and audio production tools, and entertainment and gaming products.

0:08

Product Feature Card Stack - Finance Analytics

A finance-analytics card stack on a light grey field that scrolls vertically through white cards, each pairing your product name, a starting price, a monoline ledger icon, and dual CTAs. Great for fintech and analytics platforms, B2B SaaS pricing pages, and investing and trading products.

0:11

Product Carousel Cards - SaaS Marketplace

A SaaS-marketplace carousel under a horizontal category nav that slides white tiles through center focus, each carrying a monoline icon, your tool name, a monthly price, and dual action buttons. Great for SaaS app marketplaces, integration and plugin directories, and developer tool catalogs.

0:06

Review Summary Dashboard - Desert Minimal

A minimal desert-toned dashboard card that animates your overall score, per-star breakdown bars, and total review count in one calm view. Great for marketplace and listing platforms, hospitality and rental brands, and SaaS analytics products.

0:05

Dated Review Card - Clean Medical

A clean medical-aesthetic review card that fades in your customer's headshot, quote, star rating, and date stamp over your own background footage. Great for healthcare and wellness brands, professional service providers, and review surfaces where a date stamp adds credibility.

0:05

Detailed Review Card - Cottage Studio

A muted olive review card that fades in your numeric score, star rating, customer name, long-form review, and date over your background footage. Great for artisanal and craft DTC, home goods and decor brands, and boutique hospitality.

0:05

Rating Overview Bar - Elegant Luxury

An elegant cream-and-gold rating bar that lights up your numeric score and five gold stars over softly lit background footage. Great for luxury hospitality and travel, premium DTC brands, and high-end lifestyle and beauty products.

0:05

Testimonial Review Card - Product UI Clarity

A glassmorphic product-UI card that opens with a search pill and reveals your customer's headshot, name, role, and two-paragraph quote on a teal-to-purple gradient. Great for SaaS product pages, B2B case study features, and developer tool testimonials.

0:02

Testimonial Quote Card - Editorial Sophistication

An editorial dark-mode quote card that fades in your customer's red-bordered headshot, name, role, and short pull quote framed by oversized quotation marks. Great for publishing and media brands, premium and luxury DTC, and B2B thought leadership campaigns.

0:06

Long-Form Testimonial - Tech Modern

A tech-modern glass card on a teal gradient that gives your long-form quote room to breathe alongside your customer's headshot, a glowing accent line, and an animated star rating. Great for enterprise SaaS case studies, developer tool testimonials, and B2B platform marketing.

0:04

Command Palette

A keyboard-driven command palette that types your query, surfaces your Quick Actions and Navigation results, and clicks through with crisp interaction polish. Great for developer tools, productivity SaaS, and admin and internal tooling.

0:21

WhatsApp Chat

A platform-accurate WhatsApp conversation overlaid on real footage of a person texting, with green and grey bubbles that animate in like your own chat thread. Great for international consumer apps, support and service brands, and messaging-first product demos.

0:16

iMessage Conversation

An iMessage conversation overlaid on real footage of a person texting, with named senders, blue and grey bubbles, and your dialogue typed in like a real exchange. Great for B2B product storytelling, sales and SaaS demos, and ads where dialogue is the hook.

0:12

Pricing Table - Pastel Stacked

A pastel-blue pricing table where three horizontal tier rows slide in stacked, each with your tier name, price, checked feature list, and CTA. Great for B2B SaaS pricing pages, collaboration and productivity tools, and per-seat subscription products.

0:15

Pricing Table - Dark Glassmorphic

A dark glassmorphic pricing table where three vertical glass tier cards fade in side by side, each with your tier name, price, feature list, and CTA. Great for infrastructure and developer tools, B2B SaaS pricing pages, and premium product comparisons.

0:15

Pricing Table - Blue Glassmorphic

A blue glassmorphic pricing table with a monthly and annual billing toggle where three glass tier cards animate in sequentially with your tier names, prices, and feature lists. Great for B2B SaaS pricing pages, AI and automation products, and subscription tools with annual discounts.

0:06

Animated Search Hero - Brand Navy

A deep-navy hero where a search bar types your query and opens into a 9-tile clip grid that resolves onto a single hero scene with your headline. Great for B2B product launches, enterprise brand sites, and category landing pages.

0:14

Animated Search Hero - Dark AI

A dark, AI-themed hero where a search bar types your prompt and expands into a grid of your own clips before resolving to your logo. Great for technical product launches, developer tooling, and AI-forward brand sites.

0:10

Animated Search Hero - Pastel

A pastel-gradient hero where a search bar types your tagline and opens into a 9-tile image grid built from your own clips. Great for product launches, brand homepage heroes, and category landing pages.

Ready to build?

Tell us what you're shipping. We'll match you to the blocks you need, and make the ones we're missing.

Talk to our team

We use cookies and analytics to understand how the site is used. Learn more.