Rivera — Multipurpose React Admin Dashboard Template

Rivera is a premium, frontend-only admin dashboard template built with React 18, Vite, TypeScript, Tailwind CSS, and shadcn/ui. It ships with 4 dashboards, 200+ pages, 20+ ready-made apps, a complete eCommerce + POS suite, project & user management, a helpdesk module, and a powerful theme customizer — all powered by realistic mock data and localStorage, with zero backend dependencies.

Rivera is designed as a UI foundation: pixel-perfect, fully responsive, accessible, RTL-ready, and dark-mode native. Plug in any backend you like — REST, GraphQL, Supabase, Firebase, Laravel, Node — the data layer is cleanly isolated behind a generic localStore abstraction.

Live Demo

Demo URL: https://rivera.wrapcoders.com

Creator: [email protected] / rivera

Who It’s For

• Developers building SaaS dashboards, internal tools, and admin panels
• Agencies needing a premium starting point for client projects
• Startups prototyping CRM, eCommerce, POS, or project management products
• Designers and teams who want a production-grade UI kit with real screens

Tech Stack

• React 18 + Vite 8 + TypeScript 5
• Tailwind CSS v3 with full HSL semantic design tokens
• shadcn/ui — 50+ accessible Radix-based components
• React Router v6 for routing
• Recharts for charts and data visualization
• Lucide React icon set
• Sonner for elegant toast notifications
• Zod for runtime validation
• Vitest for unit and snapshot testing
• i18next with 6 locales (EN, ES, FR, DE, AR, HE)

No backend, no database, no external services required. All data is mock and persists in the browser via localStorage.

4 Specialized Dashboards

• Analytics Dashboard — KPIs, traffic, conversions, audience charts
• CRM Dashboard — pipeline, leads, customer insights
• eCommerce Dashboard — revenue, orders, top products, customers
• Restaurant Dashboard — orders, menu performance, revenue trends

20+ Ready-Made Apps

• Email — inbox, threads, compose, labels, folders
• Chat — conversations, presence, attachments
• AI Chatbot — assistant UI with prompt history (mock)
• Calendar — month/week/day views, event dialogs
• Kanban Board — drag-and-drop columns and cards
• Tasks — list/board views, priorities, assignees
• Meetings — schedule, agenda, attendees
• Contacts — directory, profiles, segments
• File Manager — folders, previews, sharing UI
• Invoice Builder — itemized invoices with print-ready view

eCommerce & POS Suite

• Products, categories, inventory, variants
• Orders, order details drawer, fulfillment status
• Invoices with print dialog
• Customers and customer profiles
• Full POS — checkout, transactions, receipts, customer lookup, inventory
• Product sales reports and analytics

Project & User Management

• Projects — list, board, timelines, dialogs
• Users — directory, details drawer, add/edit user
• Roles & Permissions — role list, view role, permissions matrix
• Activity logs — every action tracked client-side

Note: Authentication is a mock session stored in localStorage — perfect for demos and prototyping. Wire up your own auth provider in minutes.

Additional Modules

• Real Estate — listings, agents, properties
• NFT Marketplace — assets, collections, creators, bids
• Logistics — fleet, shipments, tracking
• Marketing — campaigns, automation, audience, analytics
• Academy / LMS — courses, lessons, students
• Blogs — manager, calendar, analytics, settings
• Subscriptions — plans, lifecycle, settings
• Reports — sales, traffic, activity logs
• Email Templates — Welcome, Reset, Confirm, Coupon, Update, Expired Card
• Helpdesk — docs, tickets, changelog (v1.0.0 Latest)
• User Profile — overview, activity, gallery, followers, contacts, projects
• Account — profile, security, billing, integrations, notifications, appearance
• Auth Pages — login, register, forgot password, reset password (UI only)
• Error Pages — 404, 500

Theme Customizer

• Light, Dark, System modes with cross-tab sync
• 6 preset color themes + custom HSL color picker
• Border radius control (sharp → rounded)
• Layout direction — full LTR & RTL support
• Sidebar style — expanded, collapsed, drawer
• Header position & navbar style options
• All preferences persisted to localStorage

50+ shadcn/ui Components

Buttons, inputs, dialogs, drawers, sheets, tables, tabs, toasts, tooltips, accordions, alerts, calendars, carousels, charts, command menu, context menus, dropdowns, forms, hover cards, OTP inputs, menubars, navigation menus, pagination, popovers, progress, radio groups, resizable panels, scroll areas, selects, sidebars, sliders, switches, toggles — fully themed and accessible.

Shared Primitives

PageHeader, DataCard, StatCard, StatusBadge, EmptyState, TablePagination, TableSkeleton, DataTable, FilterDropdown, SearchInput, DetailDrawer, ConfirmDialog, FormSection, ChartCard, MetricTrend, and more.

Internationalization (i18n)

• 6 locales out of the box: English, Spanish, French, German, Arabic, Hebrew
• Full RTL support for Arabic and Hebrew
• Locale-aware formatters for dates, numbers, and currency

Fully Responsive

Every page is hand-crafted for desktop, tablet, and mobile breakpoints. Mobile drawer sidebar, responsive tables, adaptive layouts.

Accessibility

• Semantic HTML with proper landmark regions
• ARIA attributes throughout
• Keyboard navigation and focus management
• Axe-checked components
• WCAG-compliant color contrast in light & dark modes

Performance

• Vite-powered lightning-fast HMR & production builds
• Code splitting and lazy-loaded routes
• Optimized bundle size
• Snapshot & visual regression tests included

Built-In Documentation

• Helpdesk docs module with searchable guides
• Changelog page (v1.0.0 Latest)
• Developer console & data inspector at /dev/data-console
• UI Kit showcase pages (buttons, cards, forms, tables, modals, typography, alerts)

Easy to Extend

• Clean folder structure: pages, features, components, data, lib
• Generic createLocalStore + useLocalStore data layer — swap for any API
• Mock seeds in src/data/mock*.ts — replace with real fetch calls
• Strict TypeScript types throughout
• ESLint configured

What You Get

• Complete React + TypeScript source code
• 200+ pages across 20+ modules
• 4 polished dashboards
• 50+ UI components + shared primitives
• 6 i18n locales with RTL
• Theme customizer with 6 presets
• Full mock data layer
• Documentation & changelog
• 6 months of free support
• Free lifetime updates

Important Notes

• Rivera is a frontend-only template. It does not include a backend, database, or server-side authentication.
• All data is mock and stored in localStorage.
• Auth pages are UI-only with a mock session — integrate your preferred auth provider.
• Designed to be paired with any backend of your choice (REST, GraphQL, Supabase, Firebase, etc.).

Rivera gives you a year of frontend work in a single download. Ship faster, design better, and focus on your business logic — not your UI scaffolding.