Acorn – Vite React Admin Dashboard (React 19)

Elegant
Progressive UI Kit

Components, plugins, blocks, and layouts designed in Figma built with MUI and React, styled with Tailwind, and routed with Vite in a beautiful harmony.

Acorn at a Glance

Acorn has industry-standard tools like React, Eslint, Prettier; beautiful design put together in Figma, and modular technology to deliver a quick starting point for your next project.

Production-Ready Components, Lots of Them

Acorn comes with React MUI which is a library of fully tested, scalable components designed for real-world use.

Features, Pages, Components and Plugins

Acorn is a React admin template containing lots of pages, features, applications and plugins. At the very base, there is React MUI as a UI kit and everything else is built on top of it. It uses React version 19

Features, Pages, Components and Plugins

Dashboards

• Default
• Analytics
• Visual
• Commerce
• Learning
• Health
• Finance
• Booking

Applications

• AI Chat
• AI Content
• Drive
• Messages
• Calendar

UI Elements

• Inputs
  • Autocomplete
  • Button
  • Button Group
  • Checkbox
  • Floating Action Button
  • Radio Group
  • Rating
  • Select
  • Slider
  • Switch
  • Text Field
  • Toggle Button
• Data Display
  • Avatar
  • Badge
  • Chip
  • Divider
  • Icon
  • Nexture Icons
  • List
  • Table
  • Tooltip
  • Typography
• Feedback
  • Alert
  • Backdrop
  • Dialog
  • Progress
  • Skeleton
  • Snackbar
• Surfaces
  • Accordion
  • Card
  • Paper
• Navigation
  • Bottom Navigation
  • Breadcrumbs
  • Drawer
  • Link
  • Menu
  • Pagination
  • Speed Dial
  • Stepper
  • Tabs
• Layout
  • Box
  • Grid
  • Stack
  • Image List
• Utils
  • Click-away Listener
  • Modal
  • Popover
  • Popper
  • Portal
  • Textarea Autosize
  • Transitions
• MUI X
  • Data Grid
    • Overview
    • Full Page
    • Inline Editing
    • Column Grouping
    • Save and Restore
    • Quick Filter
    • Column Visibility
    • Column Virtualization
    • Master Detail
    • Lazy Loading
    • Row Reordering
    • Column Pinning
    • Row Pinning
    • Row Virtualization
    • Tree Data
    • Header Filters
    • Row Grouping
    • Excel Export
    • Aggregation and Summary Rows
    • Cell Selection
    • Clipboard Paste
    • Pivoting
    • AI Assistant
  • Date Time Picker
    • Overview
    • Date
    • Time
    • Date Time
    • Date Range
    • Time Range
    • Date Time Range
  • Charts
    • Bars
    • Lines
    • Pie
    • Scatter
    • Sparkline
    • Gauge
    • Radar
    • Heatmap
    • Funnel
  • Tree View
    • Overview
    • Items
    • Selection
    • Expansion
    • Customization
    • Focus
    • Editing
    • Ordering
• Lab
  • Masonry
  • Timeline
• Plugins
  • Lightbox
  • Carousel
  • Video Player
  • Text Editor
  • Dropzone
  • Validation

Pages

• Authorization
  • Sign in
  • Sign up
  • Password Reset
  • Password Sent
  • Password New
  • Get Verification
  • Set Verification
• Ecommerce
  • Products
  • Product Detail
  • Orders
  • Order Detail
  • Invoice
• User
  • Overview
  • Projects
  • Permissions
  • Friends
  • Social
• Support
  • Overview
  • Issues
  • Issue Detail
  • Add Issue
• Miscellaneous
  • Faq
  • Knowledge Base
  • Article
  • Search
  • Empty
  • Error
  • Email Templates

Figma Files

• 150+ Pages
• UI Kit with all the MUI Components
• Custom Icon Library

Plugins

Gogo contains very useful plugins that work very well with React.

{
  "name": "acorn-vite-mui-admin",
  "private": true,
  "version": "8.1.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview",
    "prepare": "husky",
    "pre-commit": "lint-staged" 
  },
  "dependencies": {
    "@base-ui/react": "1.4.1",
    "@fontsource/mulish": "5.2.6",
    "@fontsource/urbanist": "5.2.6",
    "@mui/icons-material": "9.0.0",
    "@mui/lab": "9.0.0-beta.2",
    "@mui/material": "9.0.0",
    "@mui/x-charts": "9.0.2",
    "@mui/x-charts-premium": "9.0.2",
    "@mui/x-charts-pro": "9.0.2",
    "@mui/x-data-grid": "9.0.2",
    "@mui/x-data-grid-generator": "9.0.2",
    "@mui/x-data-grid-premium": "9.0.2",
    "@mui/x-data-grid-pro": "9.0.2",
    "@mui/x-date-pickers": "9.0.2",
    "@mui/x-date-pickers-pro": "9.0.2",
    "@mui/x-tree-view": "9.0.2",
    "@mui/x-tree-view-pro": "9.0.2",
    "@react-spring/web": "10.0.1",
    "@tailwindcss/vite": "4.2.2",
    "@types/autosuggest-highlight": "3.2.3",
    "@types/react-big-calendar": "1.16.3",
    "@types/react-syntax-highlighter": "15.5.13",
    "@vidstack/react": "1.12.13",
    "autosuggest-highlight": "3.3.4",
    "dayjs": "1.11.13",
    "ds-markdown": "1.1.0",
    "emoji-picker-react": "4.18.0",
    "formik": "2.4.6",
    "i18next": "26.0.6",
    "js-cookie": "3.0.5",
    "material-ui-popup-state": "5.3.7",
    "mui-one-time-password-input": "5.0.0",
    "notistack": "3.0.2",
    "react": "19.2.5",
    "react-big-calendar": "1.19.4",
    "react-dom": "19.2.5",
    "react-draggable": "4.4.6",
    "react-dropzone": "14.3.8",
    "react-i18next": "17.0.4",
    "react-imask": "7.6.1",
    "react-in-viewport": "1.0.0-beta.8",
    "react-quill-new": "3.8.3",
    "react-router-dom": "7.13.0",
    "react-syntax-highlighter": "15.6.1",
    "react-to-print": "3.1.0",
    "react-use": "17.6.0",
    "swiper": "12.1.2",
    "tailwind-merge": "3.3.1",
    "tailwindcss": "4.2.2",
    "tw-screens": "1.1.0",
    "yet-another-react-lightbox": "3.23.3",
    "yup": "1.6.1" 
  },
  "devDependencies": {
    "@eslint/js": "9.39.4",
    "@types/react": "19.2.14",
    "@types/react-dom": "19.2.3",
    "@vitejs/plugin-react": "6.0.1",
    "eslint": "9.39.0",
    "eslint-config-prettier": "10.1.5",
    "eslint-plugin-prettier": "5.5.0",
    "eslint-plugin-react": "7.37.5",
    "eslint-plugin-react-hooks": "7.1.1",
    "eslint-plugin-react-refresh": "0.5.2",
    "eslint-plugin-simple-import-sort": "12.1.1",
    "globals": "17.5.0",
    "husky": "9.1.7",
    "jiti": "2.4.2",
    "lint-staged": "16.1.2",
    "prettier": "3.5.3",
    "prettier-plugin-tailwindcss": "0.6.13",
    "typescript": "5.8.3",
    "typescript-eslint": "8.58.2",
    "vite": "8.0.9" 
  }
}

Changelog

Version 8.1.0 – 05 May 2026

Styling layer improvement
Drawer anchor fixes
Cosmetic improvements

Version 8.0.0 – 29 Apr 2026

React updated to version 19.2.5
MUI updated to version 9.0.0
Vite updated to version 8.0.9
Packages updated
Added number field
Added menubar

Version 7.9.0 – 29 Mar 2026

Added a messaging application
Added an emoji picker
React and other packages updated

Version 7.8.0 – 07 Mar 2026

Added a calendar application
Background and color improvements

Version 7.7.0 – 20 Feb 2026

Added OTP plugin
Video player implementation update
RTL improvements

Version 7.6.0 – 01 Feb 2026

Fixed dependency issues.
Updated packages.

Version 7.5.0 – 20 Jan 2026

Added a single-page landing page.
Included two more accent colors.

Version 7.4.0 – 09 Jan 2026

Added RTL support.
Improved the dark theme.

Version 7.3.1 – 23 Dec 2025

Updated the packages that were causing peer dependency issues

Version 7.3.0 – 21 Dec 2025

2 new dashboards: Finance and Booking
Dashboard versions for the titles inside and outside
Updated React version to the latest
Various UI improvements

Version 7.2.0 – 26 Nov 2025

Auth pages background
Light & Dark mode button in the header

Version 7.1.0 – 21 Nov 2025

Menu improvements
Small UI fixes

Version 7.0.0 – 18 Nov 2025

AI chat application
AI content application
Drive application
New menu capabilities to add custom sub menus
Markdown plugin added
Input mask plugin added

Older versions omitted