Dandelion Pro - React Admin Dashboard Template

Product Description

This is a powerful ReactJS admin template built with modern technologies like React, Redux, and Material-UI 5 library. It provides a clean, modern design and high-performance React app with various color themes that follow Material Design concepts. The template is fully customizable, easy to use, and suitable for large-scale projects.This comprehensive template includes over 40 reusable React components, multiple layout options, RTL support, and a starter project to help you build your application from scratch. It also features a responsive design based on a standard 12-grid system, high-performance async code splitting, and next-generation JavaScript written in ES6. Additionally, the template comes with a range of features like dark and light mode, email templates, sketch files, and more. With its clean code maintained by ESLint, fully vector icons, and font icons, this template is perfect for developers who want to create high-quality, scalable applications quickly and efficiently.

DOCUMENTATION

Fully documented

RESPONSIVE

Fully Responsive

COMPONENTS

null Handcrafted Components

CLEAN-CODE

Clean Code

RESPONSIVE

Fully Responsive

SEO

SEO Ready

More details

NOTE:
This is a React.js template written in javascript. It’s built on Material-UI 5 library. It will not work the Wordpress/PHP nor will it work as a static HTML template.

Dandelion Pro is a complete ReactJS admin template based on React Boilerplate. It provides you clean modern design and high performance react app with various color theme that follow Material Design concept.

dandelion pro

IMPORTANT!

To get more confidence before buy, please READ the DOCUMENTATION below or TRY the SAMPLE PROJECT to make sure this template is suitable for your needs. We don’t offer a refund if you buy it by mistake or if the item has been downloaded.

Dandelion Pro not only help you in the development as a starter-kit but also you can learn advanced development with React, Redux, JSS and Next Generation JavaScript with JSX.

What’s Inside?
Dandelion Pro contains more than 40 react components written in react function, that will meet any needs you may have in your project. Every components, modules and pages are fully customizable, easy to use and suitable for large scale project.

Template Feature

Modern Technologies. Built with one of most popular javascript library React.JS and Redux
Premium designs. Simple and elegant style with many variant gradient and flat theme
Multiple layout and RTL Support. Sidebar and Topbar navigation layout. Auto RTL adjustment styling with jss-rtl
40+ react components and modules which reusable and easy to modify
Eyes are more focused. Come with dark and light mode
Starter Project included. Build Your application from scratch easier.
Sketch files included. 2 Landing Pages, Card, Table and Form components
10+ Email Templates. Newsletter, Promotions, Transaction and User Notification
Next Generation JavaScript written in ES6
Responsive design Based on standard 12 Grid System
High Performance. Async Code Splitting use React lazy and Suspense
Next generation css styling: Styling with JSS (CSS in JS) to make multiple themes and dark/light mode easier
Clean code maintained by eslint
Fully vector icons and font icons
Direct code preview. Get source code easier without open files.
And many more…

Main Library Version

- node.js 18 (LTS)

react 18.2.0
mui 5.10.17
redux 4.2.0
webpack 5.69.1
redux-form 8.3.9
express 4.16.4
and more...

Files and Folder Structure

├── app # main application source code │ ├── actions # redux action dispatchers and action types │ ├── api # api sample dummy data collection and ui initial value │ │ ├── apps │ │ ├── chart │ │ ├── dummy │ │ ├── icons │ │ ├── images │ │ ├── palette │ │ └── ui │ ├── app.js │ ├── components # UI Components │ │ ├── Badges │ │ ├── BreadCrumb │ │ ├── Calculator │ │ ├── Calendar │ │ ├── CardPaper │ │ ├── Cart │ │ ├── Chat │ │ ├── Comments │ │ ├── Contact │ │ ├── Counter │ │ ├── Divider │ │ ├── DynamicInvoice │ │ ├── Email │ │ ├── Error │ │ ├── Forms │ │ ├── Gallery │ │ ├── GuideSlider │ │ ├── Header │ │ ├── ImageLightbox │ │ ├── LandingPage │ │ ├── Loading │ │ ├── Notification │ │ ├── Pagination │ │ ├── Panel │ │ ├── PapperBlock │ │ ├── Product │ │ ├── Profile │ │ ├── Quote │ │ ├── Rating │ │ ├── Search │ │ ├── Sidebar │ │ ├── SocialMedia │ │ ├── SourceReader │ │ ├── Tables │ │ ├── TaskBoard │ │ ├── TemplateSettings │ │ ├── TextEditor │ │ ├── Widget │ │ └── index.js │ ├── config # enviroment and other global configuration │ ├── containers # application wrapper and root template │ │ ├── App │ │ ├── Charts │ │ ├── Dashboard │ │ ├── Forms │ │ ├── LandingPage │ │ ├── LanguageProvider │ │ ├── Layouts │ │ ├── Maps │ │ ├── NotFound │ │ ├── Pages │ │ ├── Parent │ │ ├── Tables │ │ ├── Templates │ │ ├── UiElements │ │ └── pageListAsync.js │ ├── index.html # main HTML │ ├── redux # redux settings │ ├── styles # style declaration witc scss and css │ └── utils # redux saga configuration ├── internals # webpack and app configuration │ ├── config.js │ ├── generators │ ├── mocks │ ├── scripts │ ├── testing │ └── webpack ├── package-lock.json ├── package.json # npm package manager file ├── postcss.config.js # css config ├── public # all public assets directory │ ├── favicons │ └── images
├── server # backend configuration │ ├── argv.js │ ├── index.js │ ├── logger.js │ ├── middlewares │ ├── port.js │ ├── rawdocs.js │ └── rawicons.js └── yarn.lock