Description
A professional CRA and Next.js React Dashboard that comes with plenty of ready-to-use Material UI components developed with one common goal in mind, to help you build faster & beautiful applications. Each component is fully customizable, responsive, and easy to integrate.
| 📦 Package | Standard | Plus | Extended |
|---|---|---|---|
| JavaScript CRA | ✅ | ✅ | ✅ |
| JavaScript Next.js | ✅ | ✅ | ✅ |
| TypeScript CRA | ⛔️ | ✅ | ✅ |
| TypeScript Next.js | ⛔️ | ✅ | ✅ |
| Design files (preview) | ⛔️ | ✅ | ✅ |
| ⚡️ License | |||
| Use in a free end product | ✅ | ✅ | ✅ |
| Use in an end product that is “sold” (one or multiple paying End Users) | ⛔️ | ⛔️ | ✅ |
Devias Kit Pro v6.1.0 CRA & Next.js 13
- NEW – Support for CRA
- NEW – Support for Next.js 13
- NEW – Screens (Academy, Crypto, File Manager, Logistics, etc). See more on our changelog
- NEW – Design system aesthetics
- 50+ Page examples
- 85 Individual components
- Amplify Auth
- Auth0 Auth
- Firebase Auth
- JWT Auth
- Forms built with Formik and Yup
- Fully responsive
- Built with React Hooks API
- Redux & React Context API as State Manager
- Redux Toolkit
- Routing System
- Ready-to-deploy Folder Structure
- Complete User Flows
Concepts
- Overview Dashboard
- Analytics Dashboard
- E-Commerce Dashboard
- Crypto Dashboard
- Account Settings
- User List
- User Details
- User Edit
- Product List
- Product Create
- Order List
- Order View
- Invoice List
- Invoice Details
- Logistics Dashboard
- Logistics Fleet
- Academy Dashboard
- Academy Course
- Jobs Listings – Browse Jobs
- Jobs Listings – Company Details
- Jobs Listings – Job Create Wizard
- Social Media – User Profile
- Social App – News Feed
- Blog – Post List
- Blog – Post Details
- Blog – Post Create
- File Manager
- Kanban App
- Mail App
- Chat App
- Calendar App
Pages
- Auth Alternative – Login
- Auth Alternative – Register
- Auth Alternative – Forgot Password
- Auth Alternative – Verify Code
- Pricing
- Checkout
- Contact
- Error – 401
- Error – 404
- Error – 500
Website
Components
Designers
Newly redesigned screens built with the latest Sketch & Figma features:
Documentation
Follow this link to find the documentation.
Built with
You can check the dependencies.
mike.dichirico (verified owner) –
—
dimension: design-quality
—
Without a doubt, this template deserves 5 stars. It is very thoughtfully put together by the developer (or team?) with respect to naming conventions, directory structure, and code reuse. If you have experience with React and Redux, you will be familiar with what you are looking at.
I was not as familiar with Material UI as I already was with React and Redux, so using this template was also a way for me to see how someone else made use of Material UI to create a layout and theme it.
Aside from those observations as a developer, the template itself is a very attractive template and comes with many features to accommodate just about everything in today’s website. I have been very pleased with both Olivier from Material UI and the Devias team who have been responsive when I did email them questions.
Terry Rodery (verified owner) –
—
dimension: other
—
I purchased this template prior to version 1.3.0 which was still good, but I must say, the current version (1.3.0) is even better!
I painfully developed my “frontend” skillset from virtually nothing to “ok” over the course of a year and this template really helped making the transition from an opensource React framework to something more bespoke and professional looking. I work almost 100% by examples and I was impressed to find examples that include:
* Fully responsive to the point that it works in different resolutions with my crappy code
* Fully implemented React Router with navigation bar. Very easy to add/modify routes.
* “Mock” to mock your real API so you can do testing without a proper backend. This is phenomenal because this populates tables, cards, etc. with asynchronous data fetched from an API. No more looking up examples on how to jerry rig API calls into your components.
* Full use of React Hooks
* Redux stuff (if you’re into that sort of thing)
* Really well defined ESLint configuration. Great for working in Visual Studio Code. I have no idea how to configure ESLint nor do I have the time so it’s awesome to have something so turn-key to enforce a strict set of guidelines for code quality.
* PrismJS (for syntax highlighting of code)
When purchasing most things, I try to look for the most critical reviews of the product as I’m looking for the source of frustrations for most people. Having said that, the only thing that I wish it included (as of 1.3.0) is working table pagination with use of “useHistory”. This is used so that the URL in the URL bar can be copied and pasted to send via email, slack, etc. which also makes the using the browser back button navigate back through each table page properly.
I initially had cold feet as I’ve never purchased something like this before. I wanted to make sure I didn’t waste money on something that was incredibly difficult to use. Overall, I’m extremely happy with my purchase and would recommend this to anyone. I was able to transform my dashboard from “zero” to “hero” relatively easily providing a level of polish I couldn’t otherwise achieve.
Thanks for producing this!
Pankaj Bokdia (verified owner) –
—
dimension: code-quality
—
This is an amazing theme. I am pretty new to React and this theme has everything built in. I just had to copy paste some code and then customise it according to my needs. The team has put in a lot of effort into making this theme. Their support is amazing as well.
fad (verified owner) –
—
dimension: other
—
This is the best react theme. It includes everything you need to run any project.
The is clean and easy to understand and customize.
Keep up the good work
Thank you
Olivier Tassinari –
We believe that it’s a feature request rather than a review. We have taken note of it.
It would be even better to make this feedback by email at contact@devias.io. Thank you.
OMER YALHI (verified owner) –
—
dimension: code-quality
—
Excellent code quality, especially usefull if you are a newbie. If you like the look and feel of the pages and that resonates with what you are developing, it puts you way ahead of the game.
I am using some components and not the whole ‘app’ as is. Converting to TypeScript and in some parts it’s a little challenging but overall they’ve done a really good job, kudos to the developer.
Brian Hennessy (verified owner) –
—
dimension: other
—
Overall a great value for cost. Help speed along design and development significantly. My only recommendation is to flesh out the design assets a little bit more.
Slava Chabanov (verified owner) –
—
dimension: other
—
Great theme! Great support. If you are new to React like me, take your time to understand hooks, redux and react in general and you will appreciate this theme even more. I had a few questions and the guys provided me with the answers very quickly. Money well spent.
Murugesan Govindan (verified owner) –
—
dimension: flexibility
—
ALEXANDRE MACHADO (verified owner) –
—
dimension: design-quality
—
Ehsan Vahedi (verified owner) –
—
dimension: code-quality
—
Gabriel Desilets (verified owner) –
—
dimension: code-quality
—
really love the pro kit, im new to react and made my own “base react app” for my projects and after using the kit as a documentation i change bits here and there and i was really pleased with the ui working perfectly. i love that i can use react-hook-form and not being tight with another one. the template gives a lot of freedom.
Chong yea Shaw (verified owner) –
—
dimension: customer-support
—
mock data is nice to have, however it also creates an issue when integrate real REST API calls, luckily support was great, I was able to have both mock data and real data co-exist, this is very helpful to have them co-exist at development stage. when call real REST API, I import axios to create new instance without mocking:
import axi from ‘axios’; //no mock on axi
there is nothing else you need to change in devias’ ui software.
I found another issue is when call real REST API, if server backend and web app are on different ports, I got CORS errors, I have node.js based backend, this error can be fixed by “cors” package, this is security issue, I don’t worry about it yet.
last, make sure you know how to use console.log() for debugging in browser’s console (not the server console).
Filipe Dias (verified owner) –
—
dimension: customer-support
—
Samuel Ladapo (verified owner) –
—
dimension: code-quality
—
Picking up react for the first time for a project and honestly they’ve done everything here
Cesar Serrano (verified owner) –
—
dimension: code-quality
—
The code quality is really great. Saved me a lot of time
Edwin Woolf (verified owner) –
—
dimension: code-quality
—
Really professionally written, and runs without error, so a great starting point, certainly worth the money.
Feedback for the developers: don’t assume that the users know all the areas, or have used all the libraries. Maybe some pertinent links that you found helpful when developing the template. Please?
I am spending way too much time googling trying to figure out which cherry-picked pieces of tech you used.
Especially on the material-ui styling, it’s abstracted away, all new to me, where do I start – you can help with that.
Clsx? Never used it, google here I come…sigh…
dejesuzjason (verified owner) –
—
dimension: code-quality
—
Really do love this. The code base was quick and easy to understands and work around to add new views etc…
Overall – loved the code quality, as well as all the designs.
Thanks!
Mark Piper (verified owner) –
—
dimension: code-quality
—
Outstanding code. Well structured and flexible. Only complaint is that I wish it came with JS tests.
The functionality available is the best I’ve seen among similar themes.
Shoesonline LTD (verified owner) –
—
dimension: code-quality
—
Pablo Perez (verified owner) –
—
dimension: code-quality
—
Muy buen producto en todos los aspectos como diseño flexibilidad legibilidad y con los ultimos estandares.
Andrew Rothbart (verified owner) –
—
dimension: design-quality
—
Saved me a ton of time. This is a no-brainer if you want to get something bootstrapped quickly.
Gaurav Dabas (verified owner) –
—
dimension: code-quality
—
Very well structured and clean code. It saved me lots of time.
Would be great to see Firebase integration as well.
Great job guys 🙂
gowrav.hassan (verified owner) –
—
dimension: feature-availability
—
Great Feature Integrations, needed Firebase from the get go and got it up and running in no time.
velikayikci (verified owner) –
—
dimension: code-quality
—
Easy to understand. Perfect. Thanks for the great app.
Trongtrong Vanatharnkul (verified owner) –
—
dimension: design-quality
—
The UIs are very well-put and intuitive, one of the best (if not the best) I’ve seen so far.
Trongtrong Vanatharnkul (verified owner) –
—
dimension: code-quality
—
Well coded, many parts of the code base had me go study React and JS more in order to learn to optimize my webapps.
Vladyslav Karpenko (verified owner) –
—
dimension: feature-availability
—
I had bought it a few days ago. Already started to translate JavaScript components of v2.0 into my TypeScript project… Few days later v3.0 come out, already written with TypeScript! My license gave me the opportunity to download new version and to became even more happy with it.
Comparing code of the versions shows that the kit is well maintained.
Nathan Ng (verified owner) –
—
dimension: code-quality
—
Fantastic framework that puts in a ton of best practices, which are really helpful in crafting a well-structured React app. Especially with built-in support for TypeScript, Redux (with Redux Toolkit), React Context, Auth Guards, Routing etc., you can spend much less time on general architecture and scaffolding. It’s got really nice UI components and theming, and even built-in support for implementing Auth0 and Firebase quickly. Great work Devias team!
Uday Korlimarla (verified owner) –
—
dimension: code-quality
—
Overall, This is simply put, very high quality code with everything I need. Hooks, Refs, Everything
continuata.com (verified owner) –
—
dimension: code-quality
—
Having been burned with many a good-looking Bootstrap theme in the past that was almost imporrible to port to React without days of labour, this is a refreshing and unique experience in buying a theme.
Apart from the fact the theme is excellent, comprehensive and covers all the aspects you’d want of a dashboard, the code is written exactly how I like to write React code (with Redux-toolkit and Hooks), plus some extra sugar in there in terms of coding style and standards that I’d not seen before and I’m now using it for all my development.
In fact if I wanted to train a dev team in good React practices for scalable web-app development, I’d just point them at this code.
This is a total no-brainer buy. (I don’t ever leave reviews normally – but mightily impressed with this)
Anthony Giorgi (verified owner) –
—
dimension: code-quality
—
Although there certainly is a decent amount of refactoring that is required for a production application, this is an incredible starting point. Restructuring to get things where you want is largely a breaze and you can rely on the fact that they implmeneted things properly using React + Material UI. They don’t have any special magic you have to fight against. This is a very pure application.
Mirco Mattioli (verified owner) –
—
dimension: design-quality
—
The best pure Material UI Layout!
WILFRED KIGENYI (verified owner) –
—
dimension: customizability
—
I am new to react development but I already love it because of this template. I think I will learn lots of things about architecture using this one.
Tor Sinclair (verified owner) –
—
dimension: customizability
—
devteam-9181 (verified owner) –
—
dimension: documentation-quality
—
The code is very good but the mock-ups do not match the demo site. The mock ups are all done in desktop format. No mock-up is declined on tablet and mobile, so a lot of work on the mock-up side to reproduce the demo site. I use the Sketch mock-up file with AdobeXD.
champclub.coe.ru (verified owner) –
—
dimension: documentation-quality
—
Deniss Abramovs (verified owner) –
—
dimension: design-quality
—
Using it in our project, for dashboards needs, reusing a lot from this theme. Everyone is happy so far. Just bought standard plus edition to have typescript sources as well.
Will suggest this to others. Good job!
Dexter McCloud (verified owner) –
—
dimension: design-quality
—
Ihave decades of dvelopment experience but I am new to React. Using this template in a real orld project is helping me get to speed quickly in React development. Love it so far
damian (verified owner) –
—
dimension: code-quality
—
Template is used without strict mode to hide warnings. It uses typescript, but in some places the author took the easy way out and used “any” which was unnecessary.
Mark Spicer (verified owner) –
—
dimension: code-quality
—
This Devias template theme / app is an excellent starting point for any React developer wishing to get a very fast start when creating a new application. Not only is the theme design strong and well thought-out, the React code is well structured and very professionally coded, this has been developed by experienced React developers who really know what they are doing. As another reviewer has mentioned (Stu K.) – “…if I wanted to train a dev team in good React practices for scalable web-app development, I’d just point them at this code…” – I couldn’t agree more.
In summary, this is a very professional example of how it should be done (unlike many other 3rd party templates which I have investigated over the years). I highly recommend it.
Mohammad Bhatti (verified owner) –
—
dimension: customer-support
—
The template is excellent and the customer support is flawless. Highly recommended – if you have any doubts, check out the free version for a taster.
Paul Ruelle (verified owner) –
—
dimension: code-quality
—
I bought Typescript version, the code is clean and robust. Integration with custom backend (in my case, Python) is really easy. I recommend it
Preston Wily (verified owner) –
—
dimension: code-quality
—
The code is intuitive and just works. I’ve been able to figure out the structure of the project pretty well, although it did require some trial-and-error first. One of the best templates I’ve ever worked with, though – I recommend it.
Antonio Bujanda (verified owner) –
—
dimension: code-quality
—
The code is art. It’s organized, clean, robust and well-written, something you would expect from enterprise applications. Everything falls neatly into place. Honestly, I could not ask for more. I highly recommend.
nanomaplenix (verified owner) –
—
dimension: code-quality
—
Michael Lake (verified owner) –
—
dimension: code-quality
—
I usually don’t pay for templates as I tend to muscle through things on my own. But I must say that this was money incredibly well-spent. Up-to-date on libraries, they’ve already put together all the pieces you need. I’ve learned a lot from this structure. MONEY WELL-SPENT. I bought the typescript version. love it.
David Obdržálek (verified owner) –
—
dimension: flexibility
—
Thought I’d use it for a new admin panel I’m working on, but this feels a bit over-engineered, I prefer more natvie aproaches to M.UI. On the other hand, it’s very rich on features, I’ve often used it for “code inspiration” which I’m very happy with. After all, not what I expected, but it’s still worth a buy.
ozan.manavv (verified owner) –
—
dimension: other
—
It is not bad in terms of structure, but I cannot say it is the best. There are some problems with the typescript part and it has been turned off with ignore and in some places any is used. But overall I can give 8 out of 10.
Naoki Hikita (verified owner) –
—
dimension: feature-availability
—
The theme migrated to Material UI 5 with astonishing speed.
Awesome!
Todd Zinkgraf (verified owner) –
—
dimension: feature-availability
—
It provided an excellent jump start for my project. Very good structure, design, and example implementations.
richard.m.hpa (verified owner) –
—
dimension: feature-availability
—
This package has some amazing components and is a great starting block for anyone looking to work with Material Ui. The only thing that is really missing is tests on the components.
rodrigo.a.magalhaes (verified owner) –
—
dimension: code-quality
—
Já utilizava bastante a lib em meus projetos, após a compra vi como customizar ainda mais e deixa o projeto profissionais
Tri Tran (verified owner) –
—
dimension: design-quality
—
If you’re here looking for a Typescript React UI template, then you have come to the right place. This package has a lot of good examples and components that has saved me a lot of time, so I would definitely recommend this for anyone in a small team or startup project.
Scott Manny (verified owner) –
—
dimension: code-quality
—
What a jump start to my project. And the code quality is great and allows me to follow suit of the good design brought before me.
Oleg Pirin (verified owner) –
—
dimension: customer-support
—
There was a problem but the guys from the support team replied quickly and solved it. Great product!
Linford Bacon (verified owner) –
—
dimension: code-quality
—
I like the kit a lot for its spacing and layout. There is a good choice of component libraries included a provides an good start point for many different types of app.
On the bad side, mui V5-alpha is not compatible with MUI v5 proper and so I had to make quite a few changes to the imports. I got the impression it was NextJS compatible but there is just a skimpy migration guide and it was a bit of pain to fix all the routing and Links. It would be really nice if there was a fully working nextjs example.
Coleby Kent (verified owner) –
—
dimension: code-quality
—
The actual code is great, love this theme. Not having NextJS support and using MUI V5 Alpha are two huge negatives for me. I can’t knock missing NextJS as its not listed, but I’d love to see this upgraded to either V5 Proper or previous versions being downloadable so that I can utilize v4.
Karray Ali (verified owner) –
—
dimension: code-quality
—
Great code. We just need NextJS support and MUI5 stable version as soon as possible.
Stanislau Katvitski (verified owner) –
—
dimension: customer-support
—
This code is truly beautiful. It is a pleasure to work with him. Best tech support experience. Good luck creating a great product for us!
tolu (verified owner) –
—
dimension: customer-support
—
This is an amazing kit! The new v5 update is amazing. I also needed some help with deploying to firebase and I reached out to customer support. I got amazing and quick help from Alex and got it solved. Will be buying this kit many more times in the future for other projects ?
ogarant (verified owner) –
—
dimension: code-quality
—
This kit is pretty good! I bought the v5 built with NextJS. For my project, I originally wanted a kit built with CRA. I’d loved the kit sources include CRA structure too, but the code was so clean I migrate some parts (I needed) to my CRA based project without effort!
ichunlea (verified owner) –
—
dimension: code-quality
—
This one is really good, but could you provide a git version or github repo? It will help us easy to track your changes.
Alexis Bouchez (verified owner) –
—
dimension: customer-support
—
I had a problem, and the team chosed not to solve it.
Olivier Tassinari –
The refund policy covers customers when the product doesn’t meet their expectations. You can be refunded during the first 48h, as long as you explain how the product failed to deliver on your expectations. However, your client changing his mind on the approach that should be taken is not about the product meeting the expectations, hence not refundable.
Aleksandar Krndija (verified owner) –
—
dimension: code-quality
—
The design is really nice, and you can get away without a designer by using this theme. The code quality, on the other hand, is at best mediocre. There are a lot of one of styles across the entire codebase, components are poorely separated, Typescript doesn’t use strict and there needs to be a considerable amount of time invested into using this TS code in another project.
timorchow (verified owner) –
—
dimension: code-quality
—
Good code quality, I learned a lot from this template, high recommended!
Douglas Marzean (verified owner) –
—
dimension: customer-support
—
I had a couple self inflicted issues that were quickly taken care of by the support team. This is a great template. I am loving it.
Emanuel Avram (verified owner) –
—
dimension: code-quality
—
Code quality and structure is awsome! Deffinitly learned some things. Also pretty clear and easy to edit.
adam brakhane (verified owner) –
—
dimension: documentation-quality
—
The documentation is pretty rough… When you’re able to find what you’re looking for, the code is great, the design is great, and everything works. But, you pretty much have to read the code to figure out the full function of the components they have written. It’s extremely time consuming and you’re sure to be missing out on some of the value you paid for.
Cole Striler (verified owner) –
—
dimension: code-quality
—
Great template and great customer support. Easy to customize, code is easy to read, documentation is good. Very happy!
Dean Hiller (verified owner) –
—
dimension: customer-support
—
While many templates are next.js, the support is quick and AMAZING and I was able to port this to using react-router v6. Very happy with the quality of everything!!!
Ricardo Filipe Mendes Portugal (verified owner) –
—
dimension: code-quality
—
Amazing template with lots of features. Next build for the TypeScript version has a few errors.
Ruthy G (verified owner) –
—
dimension: customer-support
—
I received a kind, considerate and immediate response, thank you very much!
Cesar Gutierrez Corea (verified owner) –
—
dimension: bugs
—
The TypeScript version has a lot of bugs and can’t run a build process sucessfully, it is a dissapointment.
Mark Spicer (verified owner) –
—
dimension: design-quality
—
I really like the depth and quality with this template. Well constructed and a very useful source of ideas and best practices. I highly recommend it.
adelaja444 (verified owner) –
—
dimension: customizability
—
Oded Regev (verified owner) –
—
dimension: code-quality
—
I’m highly satisfied with our decision to use this template. It’s actually 2 for 1 – we got a beautiful design(responsive, looks great with so many different options and components) AND we got an excellent source code with an actual project which is structured according to the best practices, really I give the team who is behind writing this code 10 out 10.
Joan Subirats Llaveria (verified owner) –
—
dimension: feature-availability
—
ichunlea (verified owner) –
—
dimension: flexibility
—
Any plan for support nextjs app dir?
Sachit Shetty (verified owner) –
—
dimension: customer-support
—
Excellent support thus far
Jorge de los Santos (verified owner) –
—
dimension: other
—
I’ve bought this package for the last 3 years, every version, and it keeps improving year over year. The code quality, documentation and package files are outstanding. Their customer support is a wonderful experience, they always answered in less than 24 hours and they always solved any problem or issue.
I’ll keep buying it for my products.
Eric Jansen (verified owner) –
—
dimension: customer-support
—
Just perfect. Dashboard is great and customer support is above great! Response is very quick and very helpful, also outside of core responsibility. They really think from the point of the customer!
BENJAMIN PORTMAN (verified owner) –
—
dimension: code-quality
—
High quality product with a lot of thought put into it from end to end – plus great responsive support team!
Chee Aun Lee (verified owner) –
—
dimension: customer-support
—
Responsive customer support, went above and beyond to assist me on supabase integration. Code is very clean and well organized too. Great purchase!
Breno Rodrigues (verified owner) –
—
dimension: design-quality
—
One of the best design I’ve ever seen for dashboard. Very clean and useful!
psyo44 (verified owner) –
—
dimension: feature-availability
—
It comes packed with probably more components and feature samples than you will ever need in a single App. The code is well structured and the documentation covers all essential parts. Maybe not meant for beginners as it may not cover everything (especially if you’re new to MUI & React), otherwise, it’s really just straightforward.