35+ Free React templates and themes
Tags: react, webdev, javascript, html
Published: 2020-06-02 10:44:43

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](https://dev-to-uploads.s3.amazonaws.com/i/gy9nddokri1vobwrtbna.jpg)

[**Live demo**](https://open.cruip.com/) / [**Download**](https://github.com/cruip/open-react-template)

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](https://dev-to-uploads.s3.amazonaws.com/i/ks2st96gb0tbu1ybuy6k.jpg)

[**Live demo**](https://atomizecode.com/) / [**Download**](https://github.com/proksh/atomize)

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](https://dev-to-uploads.s3.amazonaws.com/i/3aw9a273jibs97o2l09m.jpg)

[**Live demo**](https://treact.owaiskhan.me/) / [**Download**](https://gumroad.com/l/QaruQ)

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](https://dev-to-uploads.s3.amazonaws.com/i/q99tvy2uvyvol2xet2et.jpg)

[**Live demo**](http://matx-react.ui-lib.com/dashboard/analytics) / [**Download**](https://ui-lib.com/downloads/matx-react-dashboard/)

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](https://dev-to-uploads.s3.amazonaws.com/i/dcrv1qxgo3rgq9a3j3at.jpg)

[**Live demo**](https://lukemcdonald.github.io/holly-react/) / [**Download**](https://github.com/lukemcdonald/holly-react)

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](https://cruip.com/), 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](https://dev-to-uploads.s3.amazonaws.com/i/rteeixluj4n09a3s69ma.jpg)

[**Live demo**](https://oah-admin.ahmedelywa.com/extra-components/progress/) / [**Download**](https://github.com/AhmedElywa/oah-admin)

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](https://dev-to-uploads.s3.amazonaws.com/i/ocey043yzsdt31f7yi9s.jpg)

[**Live demo**](https://gatsby.ghost.org/) / [**Download**](https://github.com/TryGhost/gatsby-starter-ghost)

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](https://dev-to-uploads.s3.amazonaws.com/i/hlbf4y4pl4a5od2c8chb.jpg)

[**Live demo**](https://www.bootstrapdash.com/demo/star-admin-free/react/template/demo_1/preview/dashboard) / [**Download**](https://github.com/BootstrapDash/StarAdmin-Free-React-Admin-Template)

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](https://dev-to-uploads.s3.amazonaws.com/i/05r7fsc1jzylez5diu6f.jpg)

[**Live demo**](https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage) / [**Download**](https://uifort.com/template/carolina-react-admin-dashboard-material-ui-free/)

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](https://dev-to-uploads.s3.amazonaws.com/i/nu5vq6j5buk36iz8prsn.jpg)

[**Live demo**](http://tabler-react.com/) / [**Download**](https://github.com/tabler/tabler-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/ci5hhvp6ki5o3mpk8zbz.jpg)

[**Live demo**](https://nordicgiant2.github.io/react-nice-resume-page/#home) / [**Download**](https://github.com/nordicgiant2/react-nice-resume)

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](https://dev-to-uploads.s3.amazonaws.com/i/zq92otm0bc9t3mwinkxb.jpg)

[**Live demo**](http://boss.ux-maestro.com/app/tables/data-table) / [**Download**](https://github.com/ilhammeidi/boss-lite)

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](https://dev-to-uploads.s3.amazonaws.com/i/poootemj2t5caoi4lryt.jpg)

[**Live demo**](https://chakra-ui.com/) / [**Download**](https://github.com/chakra-ui/chakra-ui/)

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](https://dev-to-uploads.s3.amazonaws.com/i/2r1tx4uxug6k1xlnr3pr.jpg)

[**Live demo**](https://demos.creative-tim.com/black-dashboard-react/#/admin/dashboard) / [**Download**](https://www.creative-tim.com/product/black-dashboard-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/tvrfqzddf6kwmhiwje6x.jpg)

[**Live demo**](https://demos.creative-tim.com/argon-design-system-react/) / [**Download**](https://github.com/creativetimofficial/argon-design-system-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/j7lqqfvgmujtgg1m80oi.jpg)

[**Live demo**](https://react-material-dashboard.devias.io/dashboard) / [**Download**](https://github.com/devias-io/react-material-dashboard)

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](https://dev-to-uploads.s3.amazonaws.com/i/1tym4ekzrftd6ldcflid.jpg)

[**Live demo**](https://ryanfitzgerald.github.io/devblog/) / [**Download**](https://github.com/RyanFitzgerald/devblog)

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](https://dev-to-uploads.s3.amazonaws.com/i/scakf4swq5j99hln1xqx.jpg)

[**Live demo**](https://wrappixel.com/demos/free-admin-templates/materialpro-reactadmin-lite/main/#/starter/starter) / [**Download**](https://www.wrappixel.com/templates/materialpro-react-admin-lite/)

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](https://dev-to-uploads.s3.amazonaws.com/i/wnld469wyg4u9pfk31i1.jpg)

[**Live demo**](https://landing.ant.design/) / [**Download**](https://github.com/ant-design/ant-design-landing)

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](https://dev-to-uploads.s3.amazonaws.com/i/zy0at5stk267a06n5f95.jpg)

[**Live demo**](https://isomorphic.redq.io/dashboard) / [**Download**](https://github.com/pujoey/ismorphic)

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](https://dev-to-uploads.s3.amazonaws.com/i/71cn55agi3k9er11xk4o.jpg)

[**Live demo**](https://designrevision.com/demo/shards-dashboard-lite-react/blog-overview) / [**Download**](https://designrevision.com/downloads/shards-dashboard-lite-react/)

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](https://dev-to-uploads.s3.amazonaws.com/i/e6aakqf9m9g67mstwvi9.jpg)

[**Live demo**](https://uiwjs.github.io/) / [**Download**](https://github.com/uiwjs/uiw)

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](https://dev-to-uploads.s3.amazonaws.com/i/te6tezfjcp008lb4q7du.jpg)

[**Live demo**](https://flatlogic.github.io/react-material-admin/#/login) / [**Download**](https://flatlogic.com/templates/react-material-admin)

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](https://dev-to-uploads.s3.amazonaws.com/i/cq2xlu4tci8km6p2tia7.jpg)

[**Live demo**](https://demos.creative-tim.com/material-kit-react/) / [**Download**](https://www.creative-tim.com/product/material-kit-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/qwt4nv73xjn14a9g09yl.jpg)

[**Live demo**](http://dashboards.webkom.co/react/airframe/dashboards/projects/) / [**Download**](https://github.com/0wczar/airframe-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/pe3clc53zqsntgh3vw3n.jpg)

[**Live demo**](https://gatsby-simplefolio.netlify.app/) / [**Download**](https://github.com/cobidev/gatsby-simplefolio)

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](https://dev-to-uploads.s3.amazonaws.com/i/diktnddjjf630tdyyqa8.jpg)

[**Live demo**](https://pro.ant.design/) / [**Download**](https://github.com/ant-design/ant-design-pro/)

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](https://dev-to-uploads.s3.amazonaws.com/i/yiq5ast9jw3knt8l92l0.jpg)

[**Live demo**](https://reactsaastemplate.com/) / [**Download**](https://github.com/dunky11/react-saas-template)

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](https://dev-to-uploads.s3.amazonaws.com/i/34zfg3e4qbbzklmgr4uh.jpg)

[**Live demo**](https://designrevision.com/downloads/shards-react/) / [**Download**](https://github.com/designrevision/shards-react)

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](https://dev-to-uploads.s3.amazonaws.com/i/8q3bxpsll7k0qrhzdlmj.jpg)

[**Live demo**](https://baseweb.design/) / [**Download**](https://github.com/uber/baseweb)

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](https://dev-to-uploads.s3.amazonaws.com/i/tfwzjgvh2sa8e5v9a0oa.jpg)

[**Live demo**](https://demo.flatlogic.com/light-blue-react/#/app/main/dashboard) / [**Download**](https://github.com/flatlogic/light-blue-react-template)

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](https://dev-to-uploads.s3.amazonaws.com/i/ibuom994cxj3pzb2yzoz.jpg)

[**Live demo**](https://react-landing-page-template.herokuapp.com/#page-top) / [**Download**](https://github.com/IssaafKattan/React-Landing-Page-Template)

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](https://dev-to-uploads.s3.amazonaws.com/i/0f1pjehgesa25ts39wx7.jpg)

[**Live demo**](https://wrappixel.com/demos/free-admin-templates/adminpro-react-lite/main/#/dashboard) / [**Download**](https://www.wrappixel.com/templates/adminpro-react-admin-lite/#comparison)

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](https://dev-to-uploads.s3.amazonaws.com/i/d1owpo8lfg3zfq1p2vpx.jpg)

[**Live demo**](https://blueprintjs.com/) / [**Download**](https://github.com/palantir/blueprint)

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](https://dev-to-uploads.s3.amazonaws.com/i/3con3tndvc7au5zg1jb0.jpg)

[**Live demo**](http://lite.codedthemes.com/datta-able/react/default/dashboard/default) / [**Download**](https://codedthemes.com/item/datta-able-react-free-admin-template/)

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](https://dev-to-uploads.s3.amazonaws.com/i/63flhvqcbh7jtfvih9do.jpg)

[**Live demo**](https://flatlogic.github.io/one-react-template/#/login) / [**Download**](https://flatlogic.com/templates/one-free-react-template)

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.