DEV Community

Cover image for Top 8 Free React.js Templates for this Summer
Creative Tim
Creative Tim

Posted on • Updated on • Originally published at

Top 8 Free React.js Templates for this Summer

This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.

As you probably know, React.js is a Javascript library for building user interfaces. UI and UX kits have become massively popular in the past years, and startups started created many free and paid versions of templates, dashboards, and kits. React.js is maintained by Facebook and a handful of individuals and companies.

Bootstrap React.js templates come into play when you want to make sure your landing page, web, or mobile app is pixel perfect, polished from top to bottom.

Here are our favorite React.js free templates:

1-Material Tailwind Kit React

Material Tailwind Kit React is a free and open-source UI Kit based on two popular front-end technologies: Tailwind CSS & React. It was built to simplify the developer's work in the quest of creating intuitive interfaces. Kick-start your development project with this stunning product inspired by Material Design!

Material Tailwind Kit React

Download | Live Preview | Get Hosting

2-Purity UI Dashboard

Purity UI Dashboard is a beautiful free ReactJS Dashboard based on Chakra UI. Made of hundred of elements, designed blocks and fully coded pages, Purity UI Dashboard is ready to help you create stunning websites and webapps. It is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using Chakra's style props.

Purity UI Dashboard

Details |   Live Preview | Get Hosting

3-Now UI Kit React

Now UI Kit is one of the most popular UI Kits online, provided in PSD and Sketch formats by Invision. We wanted to find a way for developers worldwide to benefit from using it. So, in collaboration with Invision, we are launching the React version for it!

Now ui react.js

Download | Live Preview | Get Hosting

4-Material Kit React

This is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google’s material design. Material Kit React makes use of light, surface, and movement. It uses a deliberate colour 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 are obvious. The navigation stays mainly on the left and the actions on the right.

Note: This beautiful UI-Kit is now available as a full-stack web app coded with different backends: Node.js/ Express, Flask, and Laravel – apps provided by AppSeed.

material kit react.js

Download | Live Preview | Get Hosting


Shards Dashboard React is a free React admin dashboard template pack featuring a modern design system
and lots of custom templates and components.

shards react.js

Download | Live Preview | Get Hosting

6-Light Bootstrap Dashboard React

Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of Light Bootstrap Dashboard and React JS and it is fully responsive. It comes with a big collection of elements that will offer you multiple possibilities to create the app that best fits your needs. You can use it to create admin panels, project management systems, web applications backend, CMS, or CRM.

light bootstrap dashboard react.js

Download | Live Preview | Get Hosting

7-Tabler React

Here’s Tabler React, a free admin dashboard template that has a simple yet elegant design and many custom components. Crafted to provide you a useful admin template, Tabler React has minimalist and clean components, widgets, and elements. Specifically, it has cards, charts, pricing cards, maps, icons, forms, pages, and gallery. Available pages include profile, login, register, forgot password, email, RTL, and more.

tabler react.js

Download | Live Preview | Get Hosting

8-React Material Admin Template

This is a simple responsive admin template using React and Material-UI components.

react.js material admin

Download | Live Preview | Get Hosting

9-Paper Kit React

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

All components are fully responsive and look great on every screen size. Transitions, shadows, colours, they all resemble the flow you would have using pieces of paper.

paper kit react.js

Download | Live Preview | Get Hosting

10-React Blur Admin

Finding a good looking dashboard is really hard, right?

React Blur Admin that has a wonderful dark colour scheme with lots of components. It contains tables, forms, maps, charts, UI features, notifications, and basic components. Intuitive and useful pages include sign in, sign up, user profile and 404 pages.

React Blur Admin

Download | Live Preview | Get Hosting

11-Argon Dashboard React Nodejs

Speed up your development with a Reactstrap Admin Dashboard built for Nodejs. Creative Tim partnered with ProjectData to provide a fully coded “frontend + backend” solution. It is open-source, free and it features many components that can help you create amazing websites.

Argon Dashboard React Nodejs

Download | Live Preview | Get Hosting

Do you have other examples in mind?
Let us know your thoughts!

Discussion (4)

admindashboards profile image

Super nice list. Thanks for sharing

bravemaster619 profile image

Thanks for listings! I used one of your free theme - Argon and built an influencer marketing website: Thanks for your hard work! Can you present templates for user pages, not just admin themes?

sm0ke profile image

That Material Kit React is a killer. Also, Shards looks good.

qws_ profile image

These are awesome – thanks!