Components

Premium animated blocks, page sections, components, and full landing page templates for production React interfaces.

All components

Flip Card

Two composable card interactions: a direct two-sided flip and a compact card that flips continuously as it morphs into a centered modal.

Feature Sections

Premium feature blocks: a three-column gradient-card showcase, a list synced to a live visual, a numbered three-step flow, an asymmetric bento grid, a compact tabbed showcase, and a full-width product stage.

Content Sections

Premium editorial content blocks that pair strong narrative hierarchy with image-led metrics, capabilities, customer journeys, and supporting calls to action.

Trust and Security

Three trust-building sections covering recognizable compliance proof, calm security safeguards, and a clear uptime and human-support promise.

Announcement Banners

Four animated announcement compositions spanning a gradient marquee strip, a cinematic launch moment, a compact rotating ribbon, and a layered multi-update stack.

Use Cases

Five people-first use-case sections that help visitors recognize their role, picture a better outcome, and understand where the product fits into an ordinary day.

How It Works

Premium process sections that turn an abstract workflow into a clear, animated story with visible steps and purposeful product motion.

Logo Cloud

Four premium social-proof compositions spanning a seamless marquee, rolling grid, kinetic vertical field, and staggered logo carousel.

Image Galleries

Three image-first gallery blocks spanning continuous vertical movement, a reshaping editorial mosaic, and an expanding focus rail.

Personal Website

A short, animated monochrome website for developers and founders.

Animated Dropdown

A composable dropdown with a corner-origin surface morph, a spring-driven focus surface, nested menus, collision handling, and complete keyboard navigation.

Step Form

A focused multi-step form with directional transitions, morphing height, stable validation, keyboard flow, and a concise success state.

Empty States

Four animated empty-state blocks with concise actions, distinct illustration styles, and theme-aware motion.

Agent Chat Input

Premium chat composer variants ranging from a full agent workspace input to a compact credits-aware prompt bar.

Morphic Tooltip

A shared-layout tooltip primitive with one animated surface that morphs between triggers for polished hover and focus hints.

Morphic Card Modal

Apple-style card expansion modal. A card morphs into a full overlay using shared layout animation — no position hacks, just framer layoutId.

Hero Sections

A growing set of premium hero section variants with polished copy layout, CTA placement, and product demo framing for modern React landing pages.

Pricing

Premium pricing blocks across sharp, interactive, and soft editions: a flowing aurora card, technical command deck, live pricing ledger, upgrade carousel, usage slider, and animated plans grid.

Footer Sections

Premium footer blocks: a link-rich mega footer with a newsletter form and live status, a marketing CTA footer with a drifting wordmark, and a cursor-spotlight wordmark footer.

Data Table

Two reusable virtualized data table components for large datasets, with sorting, selection, sticky headers, customizable columns, and optional pagination.

Data Tables

Four high-performance data table blocks with virtualized rows, fast sorting and filtering, and polished theme-native surfaces for orders, people, portfolios, and service operations.

Stats

Premium stat blocks from a dense live telemetry console to headline bands, metric cards, and real-time counters, each with purposeful number and activity motion.

Testimonials

Premium testimonial blocks across editorial and product styles: a vertical dispatch wall, dual-row marquee, rotating spotlight, masonry grid, and pinned archive.

Navbar

Three responsive navbar editions: a morphing dropdown bar, a scroll-expanding pill, and a restrained full-width header with an overlay mobile menu.

Newsletter

Premium newsletter signup blocks across editorial and product editions, with animated publication previews, stateful forms, and success morphs.

Contact

Premium contact blocks from an animated routing desk to stateful split forms and contact-method grids, designed around clear intent and response states.

Integrations

Four premium integration blocks for browsing, filtering, inspecting, and connecting the tools in a product workflow.

Comparison

Premium comparison blocks that turn complex product decisions into clear, confident choices across every screen.

Auth

Premium login and signup pages across centered, split, passwordless, and map-led editions with thoughtful motion and complete form states.

Onboarding

Premium onboarding flows: a numbered stepper with grouped emoji chip selectors, a split-screen flow with a live-bound form beside an animated preview mock, and a progress-ring row that morphs into a check-off task modal.

About

Premium about-page templates: a story page with a grainient collage, animated stat band, values, and team grid, and a journey page with an animated milestone timeline, metrics, and leadership.

Careers

Premium careers-page templates: a roles board with a shared-layout department filter and spring-expanding open-role rows composed with the premium stat band, and a culture page with an editorial hero, gapless perks bento, featured-role spotlight, and the premium team marquee and split CTA.

Changelog Pages

Three approachable changelog pages: an editorial journal, a warm consumer feed, and a sidebar-led release archive with a soft gradient backdrop.

Blog Pages

A complete Geist blog set with sharp and softly rounded publication homes plus a calm long-form article page, all built with restrained theme surfaces and practical reading patterns.

404 Pages

Nine animated 404-page templates with distinct visual identities and concise recovery actions.

AI Agent Landing

An animated launch site for AI agents and autonomous products.

Crypto Landing

A polished product site for wallets, exchanges, and web3 apps.

Devtool Landing

A motion-rich launch site for developer tools and agent platforms.

Analytics Landing

A sharp, data-led product site for modern analytics platforms.

AI Workspace

A cinematic product site for AI workspaces and personal assistants.

Team

Premium team blocks: a responsive member grid with hover-reveal socials and lift, and an interactive expanding-panels gallery that grows the focused member to reveal their bio and links.

FAQ Blocks

Three complete FAQ blocks: a sharp split layout, a searchable help-center surface, and an asymmetric stacked-card edition.

CTA Sections

Premium call-to-action blocks spanning kinetic poster, liquid, terminal, FAQ, and split editions, each with a distinct composition and motion system.