DEV Community

loading...
Cover image for 15 Free React  Templates for Your Next Project

15 Free React Templates for Your Next Project

exwhyzed profile image ExWhyZed Updated on ・6 min read

React!

In less than a decade of existence, React has indeed grown in leaps and bounds. It has become the preferred choice of developers. Quite a level of achievement for a technology to achieve in such a short time.

Here's a list of free React templates you can use for your next project!

Here we go!

React Blur Admin

image

React Blur admin can be used to build admin dashboards on your React applications. This template has tables, forms, maps, charts, UI features, color schemes, pages, and more Download it here

NextJS Material Dashboard


image

NextJS Material Dashboard is a free Material-UI, NextJS, and React Admin with a fresh, new design inspired by Google's Material Design. It is fully coded, with plugins, elements, SASS files, and more. See it's Live Demo

WrapKit React Lite UI Kit


image

WrapKit React Lite is a free React website template that allows you to create stunning websites, landing pages, homepages, and more. It comes with ready-to-use UI Blocks & Elements to help level up the design and aesthetics of your project. See it's Live Demo

React JS Landing


image

React JS Landing is a one-page view landing template for startups, companies, and digital agencies. It has amazing icons, galleries, customized forms, and more. See it's Live Demo

Blueprint


image

Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications. See it's Live Demo

Light Bootstrap Dashboard


image

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 completely responsive. It comes with a big collection of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. See it's Live Demo

Rebass


image

TRebass is a primitive UI component built with styled-system. It is known to be one of the best React component libs out there. It is responsive, supports styled-components, flexbox, and more. See it's Live Demo

React Reduction


image

React Reduction is a free and Open Source admin template built with React and Bootstrap 4. It comprises charts, widgets, pages, cards, components, typography, and more. See it's Live Demo

React Open


image

Open is a landing page template designed to showcase open source projects, SaaS products, online services, and more. It is very responsive, robust, and has interesting animations. See it's Live Demo

Shards Dashboard Lite


image

Shards Dashboard Lite is a free React admin dashboard template pack featuring a modern design system and many custom templates and components. It is fully responsive, performant, and follows all the best practices. See it's Live Demo

Argon Design System


image

Argon Design System is built with over 100+ individual components, giving you the freedom of choosing and combining. It comes with prebuilt examples which will help to ensure the development process is seamless. Interestingly, all components can take variations in color. See it's Live Demo

Datta Able


image

This is another amazing React dashboard template made using React, Redux, and Bootstrap 4. Here are some of its features: Code splitting, suspense, lazyload, different color styles, etc. See it's Live Demo

MatX


image

MatX is a full-featured React Material Design admin dashboard template built with React, Redux & Material UI.

It has various features needed to kickstart a new project; Material UI components, Form elements, JWT authentication, Sign-in pages, Code splitting, and more. See it's Live Demo

Notus React


image

Notus React is a free and Open Source template. It is an extension of TailwinCSS but does not change or add any CSS to the already one from Tailwind CSS.

It features multiple HTML elements, and it comes with dynamic components for ReactJS, Vue, and Angular. See it's Live Demo

Now UI Kit React


image

Now UI Kit React is a free Bootstrap 4, React, React Hooks, and Reactstrap UI Kit provided for free by Invision and Creative Tim.

Released about a year ago with over 11,756 downloads so far, the features of the Now UI Kit React are second to none. You should definitely check it out. See it's Live Demo



Core UI


image

Suggested by user Malek Tarboush from comments, Core UI's React admin dashboard is truly a steal.

React Resources

Ant Design


image

Suggested by user Jakub Michnowicz from comments, Ant Design is a React UI library that has a plethora of easy-to-use components that are useful for building elegant user interfaces. Created by Chinese conglomerate Alibaba, Ant Design is used by several big names: Alibaba (of course), Tencent, Baidu, and more.



Material UI


image

Suggested by user Fernanda Shinoda from comments, Material UI is a component library for React teeming with powerful components that you should be using in your projects. If you're just looking to create a good looking app, Material UI can provide you with solid pre-styled components that will get the job done.

🍁 That's it for now. Do you have any other resources related to ReactJS? Let me know in the comments!

PS: You might want to check out my other posts:






Adios!👋

Discussion (40)

pic
Editor guide
Collapse
axelut profile image
Alexandru Paduraru

Hey @exwhyzed congrats for the list!

Only 1 point, can you please check the Crystal Dashboard as those guys stole our original product built-in 2015 Light Bootstrap Dashboard PRO: demos.creative-tim.com/light-boots...

We also opened an issue on their Github: github.com/JSLancerTeam/crystal-da... where the Author recognized that he will put a reference.

They stole even our product image and use it with our own links from our servers.

If you want and appreciate our hard work please put the original product for react: creative-tim.com/product/light-boo...

Thank you!

Collapse
exwhyzed profile image
ExWhyZed Author

Hi Alexandru! That's so messed up. What's more discouraging is that even after the author accepted that he somewhat plagiarized your work and confirmed your reference, I don't believe he did.
Anyways, I've revised it and put your original work there.
Cheers.

Collapse
axelut profile image
Alexandru Paduraru

Appreciate your help!

Collapse
ixartz profile image
Remi W.

I've also built a free and open sourced template in React: github.com/ixartz/Next-JS-Landing-... and you can check a live demo at React Landing Page Template
What do you think?

Collapse
shaijut profile image
Shaiju T

Nice 😄, Code splitting implemented in all pages ? Otherwise the template will eat users internet data.

Collapse
ixartz profile image
Remi W.

The template is based on NextJS framework, a React framework. NextJS do all the heavy lifting for optimization: SSG and SSR, Code spliting, Bundling, SEO friendly etc.
So, yes, code splitting is implemented in all pages.

Collapse
core_ui profile image
CoreUI

Hey @exwhyzed thanks for being listed 👍 would be great if you find a minute or two to check:

  1. CoreUI Free Admin Template
  2. CoreUI Pro Admin Template
  3. CoreUI React Components: coreui.io/react/ui-components/

I know the topic, but React UI components designed by CoreUI community open a brave new world 😇

Collapse
braydentw profile image
Brayden W ⚡️

Cruip has amazing 🤩 templates!

Collapse
exwhyzed profile image
ExWhyZed Author

It sure does!

Collapse
lh15 profile image
Leibel Hecht

Any chance you have some pointers on integrating them into a rails app?
Can't quite figure out the webpack part.
Thanks

Collapse
braydentw profile image
Brayden W ⚡️

Hmm, not sure. I’m there for the React templates.

Collapse
twitchstorm profile image
TwitchStorm

great list, thanks

Collapse
tyanick profile image
Tazoh Yanick

Cool there

Collapse
fshinoda profile image
Fernanda Shinoda

Material-UI is pretty good too

Collapse
exwhyzed profile image
ExWhyZed Author

Awesome! Added in the post :)

Collapse
validitycheck profile image
.

Material UI is one of my favourites 😊

Collapse
andrewbaisden profile image
Andrew Baisden

Nice so many of these look really cool.

Collapse
elyngved profile image
Erik Lyngved

I've been using Elastic UI on a recent project and I like it! Fully featured and has nice responsive features.

Collapse
vigneshp profile image
Vignesh

Are there any Elastic Ui templates you would suggest?

Collapse
elyngved profile image
Erik Lyngved

Sorry, haven't tried any. I have only made customizations to the base theme, which is mostly easy using sass variable overrides

Collapse
juniorbatistard profile image
Junior Batista

Do you think that building static web sites with react is a good idea?

Collapse
exwhyzed profile image
ExWhyZed Author

Yes, React can be used for static sites. Altho, that does add complexity if you choose to go that route

Collapse
juniorbatistard profile image
Junior Batista

What about SEO, isn't react an overkill too?

Thread Thread
enochndika profile image
enoch ndika

No it's not, you can use Next.js a React framework for SSR,SSG and better SEO

Collapse
onurbraga profile image
brunobraga

those are all super cool

Collapse
exwhyzed profile image
ExWhyZed Author

Glad you liked it

Collapse
nsedrickm profile image
Sedrick Meh

Thanks for sharing

Collapse
exwhyzed profile image
ExWhyZed Author

Much thanks for your comment :)

Collapse
wadigzon profile image
WADIGZON DIAZ-WONG

Excellent collection. Thanks for the compilation!

Collapse
exwhyzed profile image
ExWhyZed Author

Glad you liked it :)

Collapse
rotimibest profile image
Ibitoye Rotimi Best

React open looks very cool. Thanks for this article

Collapse
exwhyzed profile image
ExWhyZed Author

Thanks for the comment :)

Collapse
myfairshare profile image
myfairshare

Thanks, I have been using Material UI a lot, very good, I notice it has a C# version for Blazor as well called MudBlazor so I can continue to use it if dabbling with Blazor!

Collapse
kubek93 profile image
Jakub Michnowicz

maybe ant.design?

Collapse
exwhyzed profile image
ExWhyZed Author

Thanks for the suggestion, added it in the post!

Collapse
igor_benic_7535ba8e161a15 profile image
Igor Benic

Very happy with fabric/fluent UI developer.microsoft.com/en-us/flue...

Collapse
gnyani profile image
gnyani

It is also worth mentioning: chakra-ui.com/

lots of good work there too.

Collapse
syriandeveloper profile image
Malek Tarboush

You missed the best free react admin dashboard. It's CoreUI
coreui.io/react/
I tried most of the dashboards you mentioned. CoreUI is the best one I used.

Collapse
exwhyzed profile image
ExWhyZed Author

Wow! shouldn't have missed it. Thanks for the suggestion, added it in the post!