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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Suggested by user Malek Tarboush from comments, Core UI's React admin dashboard is truly a steal.
React Resources
✨Ant Design
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
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!👋
Top comments (41)
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!
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.
Appreciate your help!
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?
Nice 😄, Code splitting implemented in all pages ? Otherwise the template will eat users internet data.
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.
Thanks for the list!
My experience tells me that in most cases even if you use any of the templates, you still need to adjust them to your client's project. I feel like its best to work out your own patterns. Nevertheless, it's good to learn from the best examples out there, here are some react js websites:
anyforsoft.com/blog/10-famous-webs...
Hey @exwhyzed thanks for being listed 👍 would be great if you find a minute or two to check:
I know the topic, but React UI components designed by CoreUI community open a brave new world 😇
great list, thanks
those are all super cool
Glad you liked it
Cool there
Nice so many of these look really cool.
Material-UI is pretty good too
Awesome! Added in the post :)
Material UI is one of my favourites 😊
Do you think that building static web sites with react is a good idea?
Yes, React can be used for static sites. Altho, that does add complexity if you choose to go that route
What about SEO, isn't react an overkill too?
No it's not, you can use Next.js a React framework for SSR,SSG and better SEO