Acorn – Vite React Admin Dashboard (React 19)

LIVE PREVIEWBUY FOR $24

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

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

{
  "name": "acorn-vite-mui-admin",
  "private": true,
  "version": "8.3.1",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview",
    "prepare": "husky",
    "pre-commit": "lint-staged" 
  },
  "engines": {
    "node": ">=24.15.0",
    "npm": ">=11.12.0" 
  },
  "dependencies": {
    "@base-ui/react": "1.4.1",
    "@fontsource/mulish": "5.2.6",
    "@fontsource/urbanist": "5.2.6",
    "@mui/icons-material": "9.0.1",
    "@mui/lab": "9.0.0-beta.2",
    "@mui/material": "9.0.1",
    "@mui/x-charts": "9.3.0",
    "@mui/x-charts-premium": "9.3.0",
    "@mui/x-charts-pro": "9.3.0",
    "@mui/x-data-grid": "9.3.0",
    "@mui/x-data-grid-generator": "9.3.0",
    "@mui/x-data-grid-premium": "9.3.0",
    "@mui/x-data-grid-pro": "9.3.0",
    "@mui/x-date-pickers": "9.3.0",
    "@mui/x-date-pickers-pro": "9.3.0",
    "@mui/x-tree-view": "9.1.0",
    "@mui/x-tree-view-pro": "9.1.0",
    "@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.6",
    "react-big-calendar": "1.19.4",
    "react-dom": "19.2.6",
    "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.3.1 – 01 Jul 2026

Search header fix and dialog improvement
Price update

Version 8.3.0 – 01 Jun 2026

Included three new product pages
Datagrid improvements
Packages updated

Version 8.2.0 – 21 May 2026

Included min-release-age, save-exact and ignore-scripts in .npmrc file as a supply chain attack defence
Included engines in package.json to specify minimum Node and NPM versions that supports min-release-age
Updated React and React Dom versions
Updated MUI version

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

Source