beUI Pro for mobile is live — 50 React Native blocks and screens
Empty States
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.
"use client";
import { EmptyStateArchive } from "@/components/premium/empty-states";
export function EmptyStateArchivePreview() {
return <EmptyStateArchive />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
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.
"use client";
import { EmptyStateSearch } from "@/components/premium/empty-states";
export function EmptyStateSearchPreview() {
return <EmptyStateSearch />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
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.
"use client";
import { EmptyStateInbox } from "@/components/premium/empty-states";
export function EmptyStateInboxPreview() {
return <EmptyStateInbox />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Blank board
empty-state-board.tsxA sharp project board whose starter card and cursor move together across columns on hover.
Start with one thing.
Create the first project. The rest of the board can wait.
"use client";
import { EmptyStateBoard } from "@/components/premium/empty-states";
export function EmptyStateBoardPreview() {
return <EmptyStateBoard />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboard