Web Themes & Templates

Dandelion Pro - React Admin Dashboard Template

Dandelion Pro - React Admin Dashboard Template

NOTE:
This is a React.js template written in react class. It’s built on Material-UI 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 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 ES6.


dandelion pro

What’s Inside?
Dandelion Pro contains more than 40 react components written in react class, 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…

docs button

Main Library Version

- react 16.8.6
- react-dom 16.8.6
- material-ui 4.7.0
- redux 4.0.1
- webpack 4.30.0
- draft-js 0.10.5
- redux-form 8.2.0
- 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
                        

Sources and Credit

Fonts :
Open Sans

Preview Images Used
Unsplash
Pixabay
randomuser.me

Note: All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.


Change Log

Version 1.7.0 - 10 May, 2020
- New Feature: One level menu navigation
- Updated UI: Dramatic transparent blur background for sidebar navigation
- Chore: Replaced page loader to @material-ui/core/LinearProgress
- Chore: Reduced build file size
- Chore: Refactored redux structure
- Fixed: Twice render in page transition
- Fixed: MUI Datatables pagination in mobile screen

Version 1.6.2 - 7 Apr, 2020
- Fixed: Collapsible sidebar in Safari
- Fixed: Cannot clear redux form textfield
- Fixed: Missing image in gallery page
- Fixed: Not aligned CRUD Table icons
- Fixed: Top navigation menu issue

Version 1.6.1 - 22 Dec, 2019
- Fixed: Material UI Table responsive
- Fixed: Textfield adornment layout

Version 1.6.0 - 30 Nov, 2019
- Chore: Update Material UI and more packages
- Fixed: Upload Preview
- Fixed: Add new data if data table is empty
- Fixed: Open header menu issue
- Fixed: Redux form typing experience
- Fixed: Datepicker localizations

... See the change log in docs

Version 1.0 – 18 Nov, 2018
- Dandelion Pro v 1.0 released
by
by
by
by
by
by