DEV Community

Narender Saini
Narender Saini

Posted on

18 5

Top 5 React free templates and themes with live

Top 5 React free templates and themes with live demo

Finding awesome React free templates is very difficult and looks undiscoverable in first place. After spending a lot of time I had made this list of top 5 React free templates and themes with live demo for you.

These templates are helpful when you have to start a new project. These templates includes a lot of cool things like:

  • Dashboard for admins
  • Landing pages
  • Websites
  • Blog
  • Online Portfolio

1. Atomize

Atomize template

Atomize is a collection of customizable and production-ready components for React JS. Thanks to a perfect combination of resources such as style guides and flexible grids, Atomize is suitable to create any kind of responsive websites.

Live demo

2. MatX

Matx theme

MatX is a beautifully-crafted React Native template built on top of Material Design. This Admin Dashboard template was built using React, Redux, and Material UI, and it includes all the essential features you may need to give your web application a new house.

Live demo

3. Carolina Admin Dashboard

carolina admin dashboard

If you’re looking for a stunning and yet functional React dashboard template Carolina Admin Dashboard has everything you need to get your web project up and running.

This beautiful template is built on top of Material-UI framework and features a clean and fresh design following all Google’s Material Design guidelines.

Live demo

4. Tabler

tabler theme

Tabler is a free React admin dashboard template ideal for any kind of back-end web application.

This admin template includes a wide collection of well-designed demos that will save you a lot of time by not having to start from scratch, and it also comes with reusable components such as buttons, maps, charts, forms, and many more.

Live demo

5. Argon Design System

argon design system React free templates and themes with live demo

Start your next web design project with a React design system for Bootstrap 4, and Reactstrap. Argon Design System comes with over 100 individual components, pre-built examples, and every element has multiple states for styles, hover, focus, that anyone can easily access and play with.

This product is a perfect solution to go from prototyping to full-functional code, because everything is already implemented.

Live demo

I hope you have liked top 5 list of React free template and themes with live demo.

Top 5 animation libraries for React in 2020

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay