Components/cards

Device Mockup

A rounded browser window with a URL bar containing a tiny animated dashboard — growing chart bars and live activity rows.

Pro

app.lumenite.dev/analytics

Weekly revenue

$48,210

+12.4%

Praetorian order #4821

now

New subscriber, Halo tier

now

Payout processed

now

Usage: paste this file into your project (e.g. components/device-mockup.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.

← Cursor Presence Direction Aware Hover →