beUI Pro for mobile is live — 50 React Native blocks and screens
404 Pages
Nine animated 404-page templates with distinct visual identities and concise recovery actions.
Falling blocks
not-found-falling-blocks.tsxA tile-built 404 that continuously falls apart under the cursor, then snaps cleanly back into place.
Nothing here.
Back to indexHover the number
"use client";
import { NotFoundFallingBlocks } from "@/components/premium/not-found-pages";
export function NotFoundFallingBlocksPreview() {
return <NotFoundFallingBlocks />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Flip panels
not-found-flip-panels.tsxThree restrained numeral panels with a staggered 3D entrance and responsive tilt feedback.
"use client";
import { NotFoundFlipPanels } from "@/components/premium/not-found-pages";
export function NotFoundFlipPanelsPreview() {
return <NotFoundFlipPanels />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Elastic type
not-found-elastic.tsxA minimal oversized 404 whose numerals compress and rebound independently under the cursor.
"use client";
import { NotFoundElastic } from "@/components/premium/not-found-pages";
export function NotFoundElasticPreview() {
return <NotFoundElastic />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Echo stack
not-found-echo.tsxA quiet layered 404 that fans repeated numeral echoes apart on hover.
No page answered.
Return home"use client";
import { NotFoundEcho } from "@/components/premium/not-found-pages";
export function NotFoundEchoPreview() {
return <NotFoundEcho />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Spotlight reveal
not-found-spotlight.tsxA dark typographic 404 revealed by a spring-smoothed cursor spotlight.
"use client";
import { NotFoundSpotlight } from "@/components/premium/not-found-pages";
export function NotFoundSpotlightPreview() {
return <NotFoundSpotlight />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Sliced type
not-found-sliced.tsxA cobalt 404 split into animated horizontal bands that continuously slip under the cursor.
Lost the thread.
Start againHover the number
"use client";
import { NotFoundSliced } from "@/components/premium/not-found-pages";
export function NotFoundSlicedPreview() {
return <NotFoundSliced />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Editorial issue
not-found-editorial.tsxA sharp publication-style error page pairing concise editorial copy with oversized staggered numerals on a vermilion field.
Page 404
The page you wanted was edited out.
"use client";
import { NotFoundEditorial } from "@/components/premium/not-found-pages";
export function NotFoundEditorialPreview() {
return <NotFoundEditorial />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Terminal trace
not-found-terminal.tsxA dense terminal error page with an animated request trace, scanning failure output, and command-line recovery actions.
request trace
stderr
404
Route not found.
"use client";
import { NotFoundTerminal } from "@/components/premium/not-found-pages";
export function NotFoundTerminalPreview() {
return <NotFoundTerminal />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Wayfinder
not-found-wayfinder.tsxA warm, playful 404 page with a route-drawing map illustration, animated waypoints, and a clear path back home.
"use client";
import { NotFoundWayfinder } from "@/components/premium/not-found-pages";
export function NotFoundWayfinderPreview() {
return <NotFoundWayfinder />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboard