loading...
Cover image for 35+ Free React templates and themes

35+ Free React templates and themes

davidepacilio profile image Davide Pacilio ・15 min read

Free React resources are very difficult to find when searching for templates and themes on the Internet.

Even if you don’t care about the quality, they seem pretty undiscoverable, so moved by curiosity, I spent hours digging around on Google and Github, and the result is this nice collection of 35+ free React templates and themes. I wouldn't have bet on it, but they are also high-quality resources.

So, in this list will you find a vast variety of templates and themes to build pretty much anything you can imagine. For example:

  • Admin dashboards
  • Websites
  • Landing pages
  • Online portfolios
  • Blogs
  • Design systems

I’ve not distributed the resources into sections (e.g. website templates) because not everything in this list falls under a specific category (e.g. component libraries, UI Kits, etc..), so I would suggest you browse the entire article and bookmark your favorite ones.

A last point: Even although we can't consider component libraries and UI Kits as templates and themes, they are amazing starting points to kickstart new projects, so I thought it was worth mentioning a few of them in this collection.


1. Open

Open

Live demo / Download

Open is a free React template created for developers who want to create a quick and professional landing page for their open source projects, online services, digital products, and more. With an aim to capture leads and email subscribers, Open offers a versatile library of sleek, minimalistic, and reusable components and elements.

Features:

  • Designed for open source products and online services
  • Dark and minimalistic design
  • Fully downloadable via Github

2. Atomize

Atomize

Live demo / Download

Atomize is a React UI framework designed to helps developers cooperate with designers and build consistent and harmonious user interfaces without efforts. Thanks to a perfect combination of resources such as style guides and flexible grids, Atomize is suitable to create any kind of responsive websites.

Features:

  • Classy and beautiful React components
  • Design system for websites and responsive apps
  • Fully control to create responsive apps.

3. Treact

Treact

Live demo / Download

Treact is a gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework. This archive of beautiful resources provides 7 pre-built main pages, 8 secondary pages, and 52 pre-designed elements and sections. Every piece of contente is fully customisable and scalable for desktop, tablet, and mobile.

Features:

  • Rich gallery of templates and blocks
  • Consistent imagery and illustrations
  • Modern and versatile look and feel

4. MatX

Matx

Live demo / Download

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. The free version of MatX can be used to easily set up admin panels, user management systems, and project management systems.

Features:

  • Material UI components and elements
  • Dashboard and analytics views
  • Beautiful palette combination

5. Holly

Holly

Live demo / Download

Holly is a responsive React JS template for producers of online services and digital products who want to start accumulating email addresses while the main product is still under development. This compact template was originally designed in HTML by Cruip, and then coded in React for this version.

Features:

  • Pre-designed shapes and elements
  • Super easy to set up and launch
  • Trendy and adaptable look for different product needs

6. OAH-Admin

OAH-Admin

Live demo / Download

OAH-Admin is a free React admin dashboard template based on Gatsby with oah-ui components and elements package. This React template comes with tones of well developed UI accessories, and the super tidy and flexible layout would enable anyone to easily create any kind of SaaS-based web application, admin panel, dashboard, and so on.

Features:

  • Beautifully built dark layout
  • Several extra components and actions
  • Scalable and elegant application interface

7. Gatsby Starter Ghost

Gatsby Starter Ghost

Live demo / Download

Easily create responsive and lightning-fast websites with this starter template by Ghost on top of Gatsby. Gatsby Starter Ghost is a clean and modern template for Blog, Magazine, or any news website. This product is specifically designed to help anyone create a personal space on the internet and share thoughts, ideas, and updates.

Features:

  • Full width hero to add images or videos
  • Pre-populated content
  • Sortable posts by author or tag

8. Star Admin

Star Admin

Live demo / Download

A free React Native template that presents an endless variety of essential elements to bring any idea to life. This template features a meticulously crafted dashboard with loads of neatly arranged and organised segments, it works flawlessly with all the latest and modern web browsers, and it's capable of making the process of data visualisation more manageable.

Features:

  • Cross-browser compatibility
  • Material Design Icons
  • Simple yet flexible JavaScript charting

9. Carolina Admin Dashboard

Carolina

Live demo / Download

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. Last but not least, the core structure is a fully responsive and open source.

Features:

  • 23 main and inner pages
  • Utilities & helpers included
  • Fully scrollable layout

10. Tabler

Tabler

Live demo / Download

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.

Features:

  • Flexible charts and data elements
  • Unlimited back-end possibilities
  • Pre-built and responsive widgets

11. React Nice Resume

React Nice Resume

Live demo / Download

React Nice Resume is a beautiful theme to promote yourself and your works if you’re a developer, a designer, or a digital creator in general. This resource showcases a unique fixed hero section with particle background, work experience timeline, skills graphs, thumbnails to display latest projects, an enquiry section with functional input forms.

Features:

  • Particle component library
  • About me and contact details
  • Top header with smooth scrolls to sections

12. Boss Lite

Boss Lite

Live demo / Download

Boss Lite is a stunning admin dashboard template based on React and Redux. This template brings you a fresh and contemporary design with high execution apps and multiple color schemes. It was built to make the development process accessible for any kind of web-based project, and smooth thanks to a modern workflow and flexible layout with Flexbox.

Features:

  • High performance with SSR
  • Reusable components and modules
  • Easy to manage and maintain

13. Chakra UI

Chakra UI

Live demo / Download

Chakra UI provides a set of accessible and reusable React functional components that make it super comfortable to create accessible websites and user interfaces. Almost all elements in Chakra UI are dark mode compatible, they follow the WAI-ARIA guidelines specifications, and are built on top of a React UI Primitive for endless composability.

Features:

  • Hundreds of contributors
  • Complete format script
  • Ease of styling by passing props

14. Black Dashboard React

Black Dashboard React

Live demo / Download

Black Dashboard React is a production-ready React app template for admin interfaces. Built upon the design guidelines created by Bootstrap, this template is an excellent front-end option for enterprise based-applications, and robust back-end softwares. It introduces higher-level segments, design kits, and reusable charts to improve the user and development experience from the beginning to the end.

Features:

  • Well-written documentation
  • Mobile devices support
  • Dynamic permissions for different menus

15. Argon Design System

Argon

Live demo / Download

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.

Features:

  • Pre-built page variations
  • Modern user interface
  • Easily change texts and images

16. Devias Kit - Admin Dashboard

Devias

Live demo / Download

Devias Kit is a responsive material design admin dashboard built specifically for React using Google’s own Material Design framework for custom settings, directives, icons and styling, and more. This templates comes packed with clear and intuitive directories and files, a quick start documentation, and even Sketch files if you want to make any changes to the design quickly.

Features:

  • Multiple single pages
  • Style guide and typography scale
  • Complete user flows

17. Dev Blog

Dev Blog

Live demo / Download

Dev Blog is a React website template specifically crafted for developers who want to set up a quick and professional blog for their side projects and products. This website template comes with a front-page that displays a blog name, social media icons, and article thumbnails with text and images. The template also includes the single post page, with nice and curated typography.

Features:

  • Professional and personal blog template
  • Fix static images
  • The blog is completely statically generated

18. Material PRO

Material PRO

Live demo / Download

Material Pro is a free React Native template carefully handcrafted for anyone attending for an admin dashboard template. This nice and crispy product is developed with modular and modern design concepts, is 100% free to use and download, and includes lots of pages to help you create your projects quite quicker and easier.

Features:

  • Ready to use widgets
  • Integrated plugins
  • Dark sidebar Version

19. Ant Design Landing

Ant Design Landing

Live demo / Download

Landing is a template built by Ant Design System. This generous package includes diverse modules of front and inner pages that you can promptly configure and launch for your projects, and a flexible and very robust online editor that you can use to create unlimited dedicated pages that will look consistent with the rest of the website.

Features:

  • Sketch files included
  • Generous variety of templates
  • Comprehensive style guide

20. Isomorphic

Isomorphic

Live demo / Download

Isomorphic is a manageable and attractive admin template with tonnes of flexible components, every one produced to be melodious and combined into beautiful web-based applications. With Isomorphic you can configure different navigation positions, sizes, and the palette scheme to quickly accommodate any kind of existing admin project.

Features:

  • Custom forms and pagination
  • Readable installation Guide
  • Different package directories

21. Shards Dashboard Lite

Shards Dashboard

Live demo / Download

Shards is a free React dashboard template featuring a modern design system and lots of custom pages and sections. This template is built from scratch while following modern development best practices, it’s fully responsive and able to adapt and reflow to any viewport size, and supports multiple 3rd-party plugins such as React Table, React Date Picker, and many more.

Features:

  • 1500+ supported icons
  • Lightweight and optimised for performance
  • Excellent code Quality

22. uiw

uiw

Live demo / Download

uiw is a high quality React component library and UI toolkit for React 16+. This magnificent resource is built following the latest design trends and best practices, and it comes with a huge assortment of pre-built and pre-designed components such as forms, buttons, dividers, date pickers, switchers, time pickers, palette, icons, and many more.

Features:

  • Released under the MIT License
  • Compiled component code
  • React overlay trigger

23. React Material Admin

React Material Admin

Live demo / Download

React Material Admin is a react dashboard built on top of Material-UI framework, and 100% jQuery and Bootstrap free. This react template is an incredible starting point to build front-end solutions for SaaS applications, E-Commerce platforms, IoT dashboards or whatever web oriented product you can imagine. The template is updated continuously with new gems and perks.

Features:

  • Fully supported via ticketing system
  • Basic dashboard included
  • Enriched with notification bars

24. Material KIT React

Material KIT React

Live demo / Download

Material UI KIT is a free React UI theme with a fresh and tidy design inspired by Google's material design. Along with the restyling of the Material-UI elements, this powerful resource includes three fully-coded example pages such as a landing page (to showcase digital products and apps), a portfolio page (to showcase previous works), and a login page (the entry door of any web application).

Features:

  • 60+ Pre-built elements
  • 3 Example pages
  • Fully coded and documented

25. Airframe

Airframe

Live demo / Download

Airframe is a free and open source React app template based on Bootstrap 4 & React 16. With its minimalist design and innovative Light UI this template will let you build an astonishing and compelling responsive application with a great user interface. Airframe is particularly invented for large scale purposes that support a step by step documentation.

Features:

  • 10+ Layout variations
  • 120+ unique pages
  • Fully adapted responsive design

26. Gatsby Simplefolio

Simplefolio

Live demo / Download

Gatsby Simplefolio is a clean, beautiful and responsive React portfolio template for developers, engineers, and programmers. The layout is very intuitive and the instructions provided along with the template will get you a copy of the project up and running on your local machine for development and testing purposes. You can also check for notes if you want to deploy the project on a live system.

Features:

  • Modern reveal animations
  • Styled with Bootstrap v4.3
  • Image optimisation with Gatsby

27. Ant Design Pro

Ant Design Pro

Live demo / Download

Do you need an out-of-box UI solution for enterprise applications as a React boilerplate? Ant Design Pro is a beautifully crafted React Native theme that provides developers and startups with a wide selection of ready-made dashboard pages, authentication, pre-built forms, and UI lists to quickly sketch and deploy application layouts that look great and work even better.

Features:

  • Designed for different screen sizes
  • Customisable theme with simple configuration
  • Built with the latest development stacks

28. React SaaS Template

React SaaS Template

Live demo / Download

React SaaS is a lightweight and fresh template developed for startups who want a simple and straight to the point page for their SaaS projects, online services, and digital products. React SaaS template comes with a home section supplemented with application features, a blog section, and a modal registration form to onboard new users.

Features:

  • Animations based on the viewport
  • Picker for the emojis
  • Loading bar at the top

29. Shards React

Shards

Live demo / Download

Shards React is a free React UI Kit featuring modern design styles with dozens of custom components. This large library is built for product-level apps and tools, and it incorporates comprehensive and wisely written guidelines, mobile UI elements, ready-made color schemes, and a new generation of graphical work solutions.

Features:

  • High-quality product prototypes
  • Sketch design files
  • Powerful set of premium icons

30. Base Web

Base Web

Live demo / Download

Base Web is a React Component Library for initiating, evolving and unifying web products. This immense product provides a robust suite of components out of the box, which includes (for example), ready to use functional elements like date pickers and low-level composable primitives. Base is a design system comprised of modern, responsive, living sections.

Features:

  • Extreme level of customisation
  • Style and organised components
  • Built-in accessibility

31. Light Blue React Dashboard

Light Blue React Dashboard

Live demo / Download

Light Blue React is a free and dark admin template built on top of React and Bootstrap 4. In terms of design, this template showcases several data-related and analytics widgets, a geo-location map, a fully functional side bar, and a header with several call to actions and a search input form. Also available in this resources UI lists and fully functional charts.

Features:

  • Beautiful dark layout
  • Traditional and social media logins
  • Interactive maps, charts, and widgets

32. React JS Landing

React JS Landing

Live demo / Download

React JS Landing is a simple React app template for startups, digital agencies, and product-related brands. This one-page template offers different scrollable sections via parallax scrolling effect, a thumbnail gallery to exhibit product features or benefits, several ready-made icons, a meet the team component, and a full width hero to display images or videos.

Features:

  • Attractive parallax scrolling effect
  • High-catching images and iconography
  • Get in touch section with text fields

33. Admin Pro

Admin Pro

Live demo / Download

Hand-crafted based on interesting technologies, this React Native theme has everything you will need to develop robust and intricate web applications, SaaS back-end interfaces, and software. The template is stuffed with a distinct assortment of necessary components that will make the development and customisation process great again.

Features:

  • 15+ pages and components
  • Lifetime free updates
  • Multiple chart options

34. Blueprint

Blueprint

Live demo / Download

Blueprint is a React UI theme and toolkit for the web. This theme is fully optimised for manufacturing complex, data-dense web-based interfaces for desktop applications that can run on multiple browsers, including IE11. On the contrary of very similar resources, Blueprint doesn’t embrace the mobile-first approach.

Features:

  • Scalable interactive table content
  • Elements for interacting with dates and times
  • Components for picking timezones

35. Datta

Datta

Live demo / Download

Datta is one of the most intriguing React free template around all other admin resources in the market. It appears with different content-centric pages, a fully developer friendly code, and before the final release it has gone through various processes and tests to make the performances and design aesthetics the best you could have ever known.

Features:

  • Real-time page customiser
  • Ready to use dashboard widgets
  • Faster loading speed

36. Flatlogic One

Flatlogic

Live demo / Download

Flatlogic One is an entirely fresh resource made with React and Bootstrap front-end framework. The template is very fitting for creating FinTech, data tables, and web-based applications. Flatlogic delivers reusable React hooks for creating responsive web activities, and the main navigation is on the left sidebar so the content is always in the center and aligned for the best standards.

Features:

  • Functional maps integrated
  • Deep and rich backgrounds
  • Developer oriented product

Conclusion

I hope this collection of free React templates and themes will help you save some time during the development of your personal and commercial projects. Please feel free to share more relevant resources by replying below.

Posted on by:

davidepacilio profile

Davide Pacilio

@davidepacilio

Italian product designer and co-founder of https://cruip.com.

Discussion

pic
Editor guide
 

Hi Davide, Thanks for an article, really comprehensive list - taking the chance, have you had a minute or two to take a look at CoreUI Free React.js Admin Template? coreui.io/react/
It can really save your time and...

 

Hi Davide, I'm looking for an admin template and I'm a junior dev in react. I know how hooks work and I'm comfortable with Boostrap. I have never used classes for components.

What template do you recommend me? Grazie.

 

Hey Jacin, have you tried to check creative-tim.com? They got plenty of admin dashboards based on Bootstrap and React!

 

Wow, thank you so much Davide.

 

Ho, thanks for the nice article. I have tried Treact and it's very awesome and easy to use. But unfortunately, they don't have template for e-commerce (which is what I need).

Do you know by any chance an e-commerce template that works in the same way like Treact?

Thanks!

 

Hello Bhai, mene react start kiya hai but i dont jkhnow how can i use these all things that Davide pacilio provide kya app help krdoo ge.
mere pas react project ka source code bhi hai lekin osko run krne pr blank page open hota hai , help he krdo bhai ,THANKS

 

Hey David, this is great collection and thanks for including one of our template from WrapPixel. We also recently released new react dashboard - wrappixel.com/templates/ample-free... Possible to get included if you are looking to update the article sooner or later.

 

Thank you so much! I paid for Cruip and I don't regret :). It's so awesome you have a company selling themes and at the same time you share a list with free templates.

 

Hi Jacin, very glad to hear that, and thank you for your kind words :) I try to bring some value regardless of the benefits I can get, so if I find valuable resources (even free or "competitive" to Cruip), I'm always happy to share them!

 
 

Hi Amelia, thank you for sharing this list. Do you run React.js Examples? If so, what's the best way to contact you? :)

 
 

Great article. Thanks Davide. 👍

 

Thanks for adding my project OAH-Admin

 

Hi Davide, Thanks for an article

 

Beautiful list! Thanks for putting it together Davide! I always love your work.
I want to learn how to use it. I really love "open"

 

hi, thanks for all these templates.

I donwloaded the 32. React JS Landing

when i run it i get a blank page. can you help me?

 

Hi, I am beginner with React Native ,,,How I can preview my project in windows 10

 

ขอบคุณครับ

 

Thanks Davide - new to react and will find these definitely useful

 

Awesome list. Thank you !! 🙌

 

i was looking for templates ... here i got it .. i love to use it at pickcamera.com

 

Hello Bhai, mene react start kiya hai but i dont jkhnow how can i use these all things that Davide pacilio provide kya app help krdoo ge.
mere pas react project ka source code bhi hai lekin osko run krne pr blank page open hota hai , help he krdo bhai ,THANKS

 

Hi,
nice collection I have used coreui.io/. it is very good and easy to use.

Thank you.

 

Hi Davide

While working with Antd, it says:
snipboard.io/VcfQSN.jpg

Could we fix this without removing Strict mode?

 

Thanks for sharing 👍

 

Thanks for your share

 

Hi Davide, I appreciate your kind effort. I'm new to react and comfortable with bootstrap. I did not find any good resource for building my portfolio with react, would you please help me.

 
 

Great List. Thanks for sharing

 
 

Great work I'm sriram hegde fullstack javascript developer I have a whatsapp group dedicated to coders so that you can chat and collaborate on fun hobby projects with real people if you are interested please ping me at +918970787208

 

Thank you. I'm starting out and this is an absolute lifesaver. 😎

 

really Tnx .

 

Hello Bhai, mene react start kiya hai but i dont jkhnow how can i use these all things that Davide pacilio provide kya app help krdoo ge.
mere pas react project ka source code bhi hai lekin osko run krne pr blank page open hota hai , help he krdo bhai ,THANKS

 

really helpful:) . Thank you Davide.