Components

A segmented usage meter with resource costs, animated totals, and an adjustable monthly budget.

A searchable reference library with source filters, readable excerpts, and context selection.

Explore conversion stages with an interactive Recharts chart, period controls, and drop-off details.

A searchable model picker with provider logos, grouped options, keyboard selection, and a fixed bottom search field.

Composable artifact containers with headers, actions, content, and footers for generated documents, code, and custom outputs.

Six compact pixel and node animations for AI thinking, analysis, and generation states.

Compact animated illustrations for product stories, feature cards, empty spaces, and launch pages.

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

Three composable text treatments for alternating hover labels and cycling or progressive blur-highlight paragraphs.

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

Compact standalone cards with clear information hierarchy, purposeful actions, and polished motion.

Rounded product offering sections that combine a clear value proposition, focused visual proof, a primary action, and scannable service or capability cards.

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

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

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

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

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

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

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

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.

Ten premium feature blocks spanning animated showcases, synced lists, staged tabs, connected benefit stories, and distinct theme-aware bento systems for product storytelling.

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

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

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

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.

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

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

A production calendar workspace with responsive month and week views, searchable event categories, event details, and inline event creation.

Production workspace compositions built with beUI's compound animated sidebar, including responsive drawers, live navigation search, compact and off-canvas collapse modes, and accessible focus handling.

Three reusable data table components with virtualization, pagination, responsive mobile cards, filtering, tabs, sorting, selection, and customizable columns.

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.

Three animated social-proof sections spanning evidence-backed benchmarks, customer outcome stories, and an image-led customer gallery.

Premium stat blocks spanning outcome stories, impact reporting, live telemetry, editorial bands, metric cards, and typographic indexes.

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

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

Four responsive navbar editions: feature-panel and dropdown morphs, a scroll-expanding pill, and a restrained full-width header with an overlay mobile menu.

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

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

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

Wallet interfaces for portfolio balances, asset details, and transaction activity with integration-ready callbacks.

A file workspace with folders, local uploads, previews, search, and grid or list layouts.

Polished storefront blocks for browsing products, choosing options, and managing a shopping bag.

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

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

Soft, product-led waitlist pages with clear conversion flows, launch timing, social proof, and polished preview compositions.

A split agent configuration workspace with instructions, model selection, knowledge sources, tool permissions, and an interactive test conversation.

Searchable help centers and AI knowledge workspaces for finding answers and managing assistant context.

Thoughtful settings pages with organization controls, publishing preferences, account and team controls, and polished save flows.

Operational status pages with service-level uptime history, incident reporting, clear system health, and update subscriptions.

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.

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.

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.

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

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

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

An animated launch site for AI agents and autonomous products.

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

A premium multi-page launch site for mobile wallets and cross-chain crypto apps.

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

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

A complete conversational app UI with projects, knowledge, integrations, and settings.

A cinematic product site for AI workspaces and personal assistants.

A short, animated monochrome website for developers and founders.

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.

Five complete FAQ blocks spanning immersive AI shader, restrained numbered, asymmetric stacked, sharp split, and searchable help-center editions.

Premium call-to-action blocks spanning product windows, kinetic posters, portrait proof, layered shade, liquid, terminal, FAQ, and split editions, each with a distinct composition and motion system.