React Templates - Open-Source and Free

This article presents a curated list with modern, open-source React Templates actively supported and versioned by their vendors. The projects, based on the permissive license, can be used without an account for unlimited hobby & commercial projects. On top of this, I will provide the basic commands to compile and run locally each project by downloading the sources directly from Github.

• 🔥 React Node JS Berry - full-stack seed project
• ✨ Soft UI React Material-UI - new React Template
• ✨ Django React Datta - full-stack open-source sample
• ✨ Purity UI React Dashboard - styled with Chakra UI
• ✨ Material Dashboard React - by Creative-Tim
• ✨ Notus React Tailwind CSS - by Creative-Tim
• ✨ Volt React Dashboard - by ThemesBerg
• ✨ Datta Able React - by CodedThemes

🔥 React Node JS Berry

Berry is a creative React Dashboard build using the Material-UI by CodedThemes agency. It is meant to be the best User Experience with highly customizable feature-riched pages.

React Node JS Berry - product page (contains DEMO & sources)

It is a complete game-changer React Dashboard Template with an easy and intuitive responsive design as on retina screens or laptops. The product comes with a simple JWT authentication flow: login/register/logout.

✨ Soft UI React Material-UI

Start your next project with an innovative React Template for Material-UI and React. For newcomers, Soft UI is one of the hottest design trends right now crafted carefully with amazing layouts and beautifully handcrafted components.

Soft Material UI React - product page (contains DEMO and sources)

Soft UI Material-UI React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

✨ React Node JS Datta Able

Datta Able is an open-source React Dashboard that provides a colorful and modern design. Datta Able React Free is the most stylized React Free Admin Template, around all other admin templates in the market.  

React Node JS - product page (contains DEMO & sources)

It comes with high feature-rich pages and components with fully developer-centric code. The product comes with a simple JWT authentication flow: login/register/logout.

✨ Purity React Dashboard

Designed for those who like modern UI elements and beautiful websites Purity React Dashboard is made of hundreds of elements, designed blocks, and fully coded pages.

Purity React Dashboard - product page (contains DEMO & sources)

Purity UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

✨Material Dashboard React

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy-to-use and beautiful set of components. Material Dashboard React was built over the popular Material-UI v4.1.0 framework.

Material Dashboard React - product page (contains DEMO and sources)

Material Dashboard React comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red, and purple) and an option to have a background image on the sidebar.

✨Material Kit React

Material Kit React is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Material-UI elements, you will find three fully-coded example pages, to help you design your next project.

Material Kit React - product page (contains DEMO and sources)

Material Kit React makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge imagery, and large-scale typography. The general layout resembles sheets of paper following multiple different layers so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

✨Notus React

Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let Notus React amaze you with its cool features and build tools and get your project to a whole new level.

Notus React - product page (contains DEMO and sources)

Fully Coded Components Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.

✨Now UI Kit React

Now UI Kit React is a free Bootstrap 4, React, React Hooks, and Reactstrap UI Kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates.

Now UI React - product page (contains DEMO and sources)

Now UI Kit React is built on top of Bootstrap 4 using React, React Hooks, create-react-app and Reactstrap. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4, React or Reactstrap project; you can just import the Now UI Kit React style over it.

✨Volt React Dashboard

Volt React is a free and open-source admin dashboard template powered by React.js and Bootstrap 5 featuring over 100 UI elements, customized plugins, and example pages to kickstart your single-page web application.

Volt React Dashboard - product page (contains DEMO and sources)

You can easily customize the appearance of the dashboard and elements using the Sass variables and mixins which we have extended from the default Bootstrap 5 source files. Changes will be instantly reflected when working in development mode and automatically compiled to CSS when building in the production environment.

✨Star Admin React

Star Admin Pro React is a clean, modern, and powerful ready-to-use admin template with tables, maps, apps, and more essential components. Data visualization and representation is often a hard and daunting task.

Star Admin React - product page (contains DEMO and sources)

It comes with an elegant and well-designed dashboard with several components that are neatly organized. Star Admin offers unlimited customization options to users and allows them to add a unique touch to their web apps.

✨Datta Able React

Datta Able React Free is the most stylized React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code.

Datta Able React - product page (contains DEMO and sources)

With Datta Able dashboard template we have provided all possible prebuilt admin template layouts, which gives you the best selection choice of your backend template need for your projects.

✨Paper Kit React

Paper Kit React is a free Bootstrap 4, React, React Hooks, and Reactstrap UI Kit with pale colors, beautiful typography, and thoughtful drawings. We've created it having paper and drawings in mind.

Paper Kit React - product page (contains DEMO and sources)

Paper Kit React is built on top of Bootstrap 4 using React and Reactstrap, so it fully supports them. Most of the elements from the framework are re-designed to resemble sheets of paper and color pastels. If the are elements that we have not touched, they will gracefully fall back to the Bootstrap 4 default.

✨React MaterialPro Lite

MaterialPro React Admin Lite is built with a modular and modern design concept. MaterialPro React Admin Lite is completely free to download and use for your personal as well as commercial projects.

React MaterialPRO Lite - product page (contains DEMO and sources)

Thanks for reading! For more resources, please access:

• React Dashboards - a popular article published on Dev
• Open-Source Dashboards - a curated list provided by AppSeed