beUI Pro 移动端已上线

浏览
beUI Pro

组件

高级动画区块、页面模块、组件和完整的落地页模板，用于生产环境的 React 界面。

全部
新品
组件
区块
页面
模板

全部组件

Agent Plan

2 个变体
An editable agent plan that runs step by step, streams each step's tool calls, and takes notes while it works.

Tool Approval

1 个变体
A queue of agent tool calls waiting on a person: preview each command, edit, or message, then approve, deny with a note, or always allow.

Background Agents

1 个变体
A live list of agents working in parallel: each run shows its progress, current step, and branch, and asks for input or a review when it needs you.

Context Window

1 个变体
A token meter for an agent's context window: what fills it, how much is left, and ways to compact or clear it before it runs out.

Animated Modal

1 个变体
The shared beUI Pro dialog with a soft entrance, accessible focus management, and composable titles, descriptions, and content.

Audit Trail

1 个变体
A searchable event history with day groups, actor filters, before-and-after values, and focused event details.

Approval Queue

1 个变体
A compact approval inbox with searchable requests, focused review dialogs, supporting files, and host-controlled decisions.

Kanban Board

1 个变体
An editable task board with movable cards, compact filters, and task details in a focused animated dialog.

Log Explorer

1 个变体
A compact execution log with severity filters, search, pause and resume, live following, and morphing payload details.

Notification Center

2 个变体
Notification inboxes with category tabs, search, expanding details, animated row menus, and host-controlled read, snooze, and archive actions.

Dashboards

4 个变体
Complete dashboards for support, team capacity, goal tracking, and finances, built with connected KPI cards, charts, and beUI controls.

KPI Overview

6 个变体
KPI cards with animated values, compact headers, bar charts, gauges, trend charts, support metrics, and account summaries.

Performance Report

3 个变体
Compact reports with animated metrics, period comparisons, beUI controls, charts, and team leaderboards.

Weave Workflow Builder

1 个变体
An AI workflow builder app with a React Flow canvas, an agent builder with multi-session chat, knowledge bases, connections, and run traces.

Hunch Prediction Markets

1 个变体
A compact prediction market template with market cards, trading tickets, Recharts history, rewards, leaderboards, and wallet profiles.

Voice Agent

2 个变体
Flexible voice-agent layouts with liquid or halo orbs, animated session states, optional transcripts, and call controls.

Voice Conversation

1 个变体
A compact voice conversation card with an audio-reactive waveform, transcript, and session controls.

Questionnaire

2 个变体
Composable, animated question-and-answer cards that help agents collect context and continue with clear instructions.

API Keys

1 个变体
Developer settings blocks for creating, revealing, rotating, and revoking API keys with scopes and usage.

Team Invites

1 个变体
Workspace invite blocks for adding teammates by email, picking roles, tracking seats, and sharing an invite link.

File Upload

1 个变体
Upload blocks with drag and drop, paste, validation, per-file progress, and recovery from failures.

What's New

1 个变体
In-app release announcements that open from a corner teaser into a slide-by-slide spotlight of what changed.

Credit Usage

2 个变体
Credit usage dashboards with segmented plan meters, daily spend trends, pace forecasts, and breakdowns by category, workflow, and teammate.

Usage Budget

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

Research Sources

1 个变体
A searchable reference library with source filters, readable excerpts, and context selection.

Conversion Funnel

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

Live Collaboration

1 个变体
Multiplayer document blocks with live carets, selections, presence, and comment threads anchored to the text.

Messaging

1 个变体
Chat app blocks with a conversation list, grouped bubbles, read receipts, typing, reactions, and an emoji composer.

Order Tracking

1 个变体
Live order tracking blocks with a courier driving a route map, a rolling arrival time, delivery stages, and proof of delivery.

Receipt

1 个变体
A printed order receipt that feeds out of a printer slot, with line items, adjustments, a payment line, a barcode, and a status stamp.

Emoji Picker

2 个变体
A full emoji picker with search, category tabs, skin tones, recent emoji, and keyboard navigation, plus a reaction bar built on it.

Model Picker

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

AI Artifacts

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

AI Thinking Loaders

6 个变体
Six compact pixel and node animations for AI thinking, analysis, and generation states.

Animated Dropdown

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

Animated Text

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

Flip Card

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

Cards

6 个变体
Compact standalone cards with clear information hierarchy, purposeful actions, and polished motion.

What We Offer

3 个变体
Offering sections that show what you provide in motion: an animated offer bento, a live workflow run, and capabilities connected to one animated hub.

Step Form

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

Empty States

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

Agent Chat Input

4 个变体
Premium composable chat variants, from a full agent workspace to compact prompt bars, with shared input, toolbar, attachment, and action parts.

Morphic Tooltip

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

Command Palette

1 个变体
Command palettes for finding pages and running actions, with grouped search, keyboard navigation, and polished open and selection motion.

Morphic Card Modal

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

Hero Sections

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

Pricing

11 个变体
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.

Footer Sections

9 个变体
Footer blocks spanning a classic landscape directory, link-rich mega navigation, compact directories, and oversized wordmarks.

Feature Sections

13 个变体
Premium feature blocks spanning interactive product tours, visual benefits, animated showcases, synced lists, staged tabs, and theme-aware bento layouts.

Content Sections

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

Blog Sections

4 个变体
Standalone article and blog blocks with original illustrated covers, publication details, and polished motion.

Trust and Security

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

Announcement Banners

4 个变体
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

5 个变体
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.

App Showcase

1 个变体
Mobile app sections that present features through a live phone, with animated screens and download actions.

Roadmap

1 个变体
Public roadmap sections that show what shipped, what is in progress, and what comes next, with voting and item details.

Agent Traces

2 个变体
Observability blocks that show every step an AI agent took, with nested spans, live replay, and span details.

Case Studies

2 个变体
Customer story sections with rolling results, industry filters, and a story dialog that compares before and after.

Product Tour

1 个变体
Guided product walkthrough sections that turn a scroll or a tap into a step-by-step story of your interface.

How It Works

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

Logo Cloud

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

Calendar

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

Sidebar

3 个变体
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.

Charts

3 个变体
Composable, animated chart components built from small parts, with keyboard support, gliding tooltips, and theme-aware color classes.

Data Table

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

Data Tables

4 个变体
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.

Social Proof

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

Stats

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

Testimonials

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

Image Galleries

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

Navbar

6 个变体
Responsive navbar editions with full-width mega menus, morphing menus, an expanding pill, and compact mobile navigation.

Newsletter

3 个变体
Newsletter signup sections with real issue previews, live preference controls, reader social proof, and animated success states.

Contact

3 个变体
Contact sections that show who will reply, with custom animated illustrations, real team portraits, validated forms, and a submit handler.

Integrations

5 个变体
Premium integration blocks for browsing, filtering, connecting, and monitoring the tools in a product workflow.

Crypto Markets

3 个变体
Market tables and trading panels for exchanges and wallets, with live-ticking prices, depth, and fills.

Tokenomics

1 个变体
Token distribution and vesting sections with linked, animated charts for launch pages and docs.

Crypto Agent

1 个变体
A wallet agent chat page that answers with transaction cards users review and approve in place, instead of plain text.

Crypto Governance

2 个变体
DAO governance pages: a proposals overview with live tallies and a proposal page with the full text, results, timeline, and voting.

Crypto Wallet

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

File Manager

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

Ecommerce

3 个变体
Polished storefront blocks for browsing products, choosing options, and managing a shopping bag.

Comparison

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

Auth

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

Waitlist Pages

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

Agent Builder

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

Knowledge Base

2 个变体
Searchable help centers and AI knowledge workspaces for finding answers and managing assistant context.

Settings Pages

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

Checkout Pages

1 个变体
Checkout pages with step-by-step contact, delivery, and payment, a live order summary, discount codes, and a printed receipt.

Trading Pages

2 个变体
Complete trading screens for exchanges and wallets, with live charts, depth, an order ticket, and account panels.

Status Pages

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

Onboarding

3 个变体
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 opens an animated checklist dialog.

About

2 个变体
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

2 个变体
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.

Search Pages

1 个变体
Search results pages with live ranking, filters, keyboard navigation, previews, and helpful empty states.

Docs Pages

1 个变体
Developer documentation pages with searchable navigation, code samples, diagrams, and reading aids.

Pricing Pages

1 个变体
Complete pricing pages that pair plan cards with team-size guidance, a full plan comparison, and billing answers.

Changelog Pages

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

Blog Pages

3 个变体
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.

404 Pages

9 个变体
Nine animated 404-page templates with distinct visual identities and concise recovery actions.

AI Agent Landing

1 个变体
An animated launch site for AI agents and autonomous products.

Crypto Landing

1 个变体
A polished product site for wallets, exchanges, and web3 apps.

Mobile Crypto Landing

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

Devtool Landing

1 个变体
A motion-rich launch site for developer tools and agent platforms.

Analytics Landing

1 个变体
A sharp, data-led product site for modern analytics platforms.

Folio Crypto Portfolio

1 个变体
A crypto portfolio dashboard with asset details, wallets, swaps, staking, watchlists, and an assistant UI.

Pair AI Workspace

1 个变体
A complete conversational app UI with projects, knowledge, integrations, and settings.

AI Workspace

1 个变体
A cinematic product site for AI workspaces and personal assistants.

Personal Website

1 个变体
A short, animated monochrome website for developers and founders.

Team

4 个变体
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

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

CTA Sections

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