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

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

{
  "name": "acorn-next-mui-admin",
  "version": "8.1.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" 
  },
  "dependencies": {
    "@base-ui/react": "1.4.1",
    "@mui/icons-material": "9.0.0",
    "@mui/lab": "9.0.0-beta.2",
    "@mui/material": "9.0.0",
    "@mui/material-nextjs": "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",
    "@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.4",
    "next-intl": "4.6.1",
    "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-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.4" 
  }
}

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

Acorn - Nextjs React Admin Dashboard (React 19)