Mochi
A calm, animated admin dashboard.
What's in Mochi
Mochi has a daily overview, users, a product catalog with stock levels, shipment tracking with route maps, and invoices you can edit and print.
Dashboard
KPIs, items that need attention, revenue and recent activity.
Users
Team list with roles, filters and invites, plus a profile page for each person.
Products
Catalog with stock levels, restocking, bulk actions and stockout forecasts.
Shipments
Shipment tracking with route maps, status updates and a create form.
Invoices
Invoice list, an editor with a live preview, and print-ready invoices.
Workspace & account
Organization settings, members, plans and usage, and account settings.
Sign-in flows
Sign in, sign up, email codes, SSO and password reset. Each can be turned off.
Error pages
404, 403 and 500 pages in the same style as the app.
What's built in
Light and dark themes
Animations with Motion that respect reduced motion
⌘K search and keyboard shortcuts
Tables with TanStack Table, plus search, filters, sorting and pagination
Optimistic updates with TanStack Query
Forms with TanStack Form and Zod validation
Charts with Recharts, maps with MapLibre
Mock data layer you can replace with your API