Acorn - Nextjs 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 Nextjs 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

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-next-mui-admin",   "version": "8.3.0",   "private": true,   "scripts": {     "dev": "next dev",     "build": "next build",     "start": "next start",     "lint": "eslint",     "lint:fix": "eslint --fix",     "prettier": "prettier --write './src/**/*.{js,jsx,json,ts,tsx,scss,css,md}'",     "prepare": "husky",     "pre-commit": "lint-staged"    },   "engines": {     "node": ">=24.15.0",     "npm": ">=11.12.0"    },   "dependencies": {     "@base-ui/react": "1.4.1",     "@mui/icons-material": "9.0.1",     "@mui/lab": "9.0.0-beta.2",     "@mui/material": "9.0.1",     "@mui/material-nextjs": "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",     "@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",     "material-ui-popup-state": "5.3.7",     "mui-one-time-password-input": "5.0.0",     "next": "16.2.6",     "next-intl": "4.12.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-imask": "7.6.1",     "react-in-viewport": "1.0.0-beta.8",     "react-quill-new": "3.8.3",     "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",     "tw-screens": "1.1.0",     "yet-another-react-lightbox": "3.23.3",     "yup": "1.6.1"    },   "devDependencies": {     "@eslint/js": "9.39.4",     "@next/eslint-plugin-next": "15.3.3",     "@tailwindcss/postcss": "4.2.2",     "@types/node": "22.15.32",     "@types/react": "^19",     "@types/react-dom": "^19",     "eslint": "9.29.0",     "eslint-config-prettier": "10.1.5",     "eslint-plugin-prettier": "5.5.0",     "eslint-plugin-react": "7.37.5",     "eslint-plugin-react-hooks": "5.2.0",     "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",     "postcss": "8.5.6",     "prettier": "3.5.3",     "prettier-plugin-tailwindcss": "0.6.13",     "tailwindcss": "4.2.2",     "typescript": "5.8.3",     "typescript-eslint": "8.58.2",     "eslint-config-next": "16.2.6"    } } 

Changelog

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 Nextjs updated to version 16.2.4 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