beUI Pro 移动端已上线：50 个 React Native 区块和页面
Empty States
4 个变体
Four animated empty-state blocks with concise actions, distinct illustration styles, and theme-aware motion.
Archive drawer
empty-state-archive.tsxA quiet isometric filing cabinet whose empty drawer springs open and extends on hover.
No data yet
Create a record or import your existing data.
TSXcomponents/previews/premium/empty-state-archive-preview.tsx
"use client";
import { EmptyStateArchive } from "@/components/premium/empty-states";
export function EmptyStateArchivePreview() {
return <EmptyStateArchive />;
}
安装
$ bunx --bun shadcn add @beui-pro/empty-state-archive
Search lens
empty-state-search.tsxA compact no-results state with a roaming search lens and separating result lines.
No matches
Try another phrase or clear your filters.
TSXcomponents/previews/premium/empty-state-search-preview.tsx
"use client";
import { EmptyStateSearch } from "@/components/premium/empty-states";
export function EmptyStateSearchPreview() {
return <EmptyStateSearch />;
}
安装
$ bunx --bun shadcn add @beui-pro/empty-state-search
Inbox zero
empty-state-inbox.tsxA compact mail envelope that opens, lifts the final message, and confirms inbox zero.
Inbox zero
You are caught up. New conversations will appear here.
TSXcomponents/previews/premium/empty-state-inbox-preview.tsx
"use client";
import { EmptyStateInbox } from "@/components/premium/empty-states";
export function EmptyStateInboxPreview() {
return <EmptyStateInbox />;
}
安装
$ bunx --bun shadcn add @beui-pro/empty-state-inbox
Blank board
empty-state-board.tsxA sharp project board whose starter card and cursor move together across columns on hover.
Projects / empty
Start with one thing.
Create the first project. The rest of the board can wait.
TSXcomponents/previews/premium/empty-state-board-preview.tsx
"use client";
import { EmptyStateBoard } from "@/components/premium/empty-states";
export function EmptyStateBoardPreview() {
return <EmptyStateBoard />;
}
安装
$ bunx --bun shadcn add @beui-pro/empty-state-board