11 free React & Angular Themes and Plugins You Must Have
Tags: react, angular, uiweekly, webdev
Published: 2019-11-27 08:50:31

######This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.

***

With such a great variety of UI templates on the market, isn’t it hard to find the right one, that perfectly matches your project needs? [We](https://www.creative-tim.com/?ref=devto) have gathered our favorite React and Angular themes.

###**[Now UI Kit React](https://www.creative-tim.com/product/now-ui-kit-react?ref=devto)**
![Now UI Kit React](https://creativetimblog.com/blog/wp-content/uploads/2017/05/opt_nuk_react_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/now-ui-kit-react?ref=devto) | [Live Preview] (https://demos.creative-tim.com/now-ui-kit-react/#/index?ref=devto) | [Get Hosting](https://m.do.co/c/276af09d9975)
 

Now UI Kit is one of the most popular UI Kits online, provided in PSD and Sketch formats by [Invision](https://www.invisionapp.com/). We wanted to find a way for developers worldwide to benefit from using it. So, in collaboration with Invision, we are launching the React version for it!

###**[Argon React Native](https://www.creative-tim.com/product/argon-react-native?ref=devto)**
[Argon React Native](https://demos.creative-tim.com/argon-react-native/?ref=devto) is a fully coded app template built over Galio.io, *React Native* and *Expo* to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like our argon design, minimalistic, and easy to use.
![Argon React Native](https://creativetimblog.com/blog/wp-content/uploads/2019/05/opt_arn_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/argon-react-native?ref=devto) | [Live Preview] (https://demos.creative-tim.com/argon-react-native/?ref=devto)  | [Get Hosting](https://m.do.co/c/276af09d9975)

Start your development with a badass [Argon UI Kit for React Native](https://demos.creative-tim.com/argon-react-native/?ref=devto) inspired by [Argon Design System](https://www.creative-tim.com/product/argon-design-system?ref=devto). If you like our [Argon Design System](https://demos.creative-tim.com/argon-design-system/index.html?ref=devto), you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing. *Argon React Native it’s an Open Source product, see the Github repo [here](https://github.com/creativetimofficial/argon-react-native)*.

###**[Argon Design System React](https://madewithreact.com/argon-design-system-react/?ref=devto)**
[Argon Design System React](https://demos.creative-tim.com/argon-design-system-react/#/?ref=devto) contains over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

![Argon Design System React](https://creativetimblog.com/blog/wp-content/uploads/2019/05/dr_4x.jpg)
[Download] (https://madewithreact.com/argon-design-system-react/?ref=devto) | [Live Preview] (https://demos.creative-tim.com/argon-design-system-react/#/?ref=devto)  | [Get Hosting](https://m.do.co/c/276af09d9975)


You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Design System is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

###**[Argon Dashboard React](https://www.creative-tim.com/product/argon-dashboard-react?ref=devto)**
[Argon Dashboard React](https://demos.creative-tim.com/argon-dashboard-react/#/admin/index?ref=devto) is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.
![Argon Dashboard React](https://creativetimblog.com/blog/wp-content/uploads/2019/05/opt_ad_react_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/argon-dashboard-react?ref=devto) | [Live Preview] (https://demos.creative-tim.com/argon-dashboard-react/#/admin/index?ref=devto) | [Get Hosting](https://m.do.co/c/276af09d9975)
 

You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

###**[Shards Dashboard Lite React](https://madewithreact.com/shards-dashboard-lite-react/)**
A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components.
![Shards Dashboard Lite React](https://creativetimblog.com/blog/wp-content/uploads/2019/05/shards-dashboard-lite-react-feat-img.jpg)
[Download] (https://madewithreact.com/shards-dashboard-lite-react/) | [Live Preview] (https://designrevision.com/demo/shards-dashboard-lite-react/blog-overview?ref=madewithreact) | [Get Hosting](https://m.do.co/c/276af09d9975)
 

**Fully Responsive**
All templates are fully responsive and able to adapt and reflow their layout to any viewport size.

**Performance**
Shards Dashboard Lite React features a minimal footprint.

**Code Quality**
Shards Dashboard Lite React is built from scratch while following modern development best practices.

###**[Rebass, React primitive UI components](https://github.com/rebassjs/rebass)**
![Rebass, React primitive UI components](https://creativetimblog.com/blog/wp-content/uploads/2019/06/Screen-Shot-2019-06-03-at-11.58.54.png)
[Download] (https://github.com/rebassjs/rebass) | [Live Preview] (https://github.com/rebassjs/rebass)  | [Get Hosting](https://m.do.co/c/276af09d9975)


* 8 foundational UI components
* Super small (~1KB)
* Responsive, themeable style props
* Flexbox grid with the Box and Flex components
* Support for styled-components & emotion
* Extensible base components
* Design-system based consistency
* Built for responsive web design

###**[BLK Design System React](https://www.creative-tim.com/product/blk-design-system-react?ref=devto)**

[BLK Design System React](https://demos.creative-tim.com/blk-design-system-react/#/components?ref=devto) contains over 70 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

![BLK Design System React](https://creativetimblog.com/blog/wp-content/uploads/2019/06/opt_blk_react_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/blk-design-system-react?ref=devto) | [Live Preview] (https://demos.creative-tim.com/blk-design-system-react/#/components?ref=devto) | [Get Hosting](https://m.do.co/c/276af09d9975)


This React Design System is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy.


###**[Admin template based on Angular 7+, Bootstrap 4 and Nebular](https://angularexpo.com/admin-template-based-on-angular-7-bootstrap-4-and-nebular/?ref=devto)**

![Admin template based on Angular 7+, Bootstrap 4 and Nebular](https://creativetimblog.com/blog/wp-content/uploads/2019/06/68747470733a2f2f692e696d6775722e636f6d2f7476414a4a68572e706e67.png)
[Download] (https://angularexpo.com/admin-template-based-on-angular-7-bootstrap-4-and-nebular/?ref=devto) | [Live Preview] (https://angularexpo.com/admin-template-based-on-angular-7-bootstrap-4-and-nebular/?ref=devto) | [Get Hosting](https://m.do.co/c/276af09d9975)


Easy way to integrate ngx-admin with .NET, Node.js, Java or PHP.
What’s included: Angular 7+ & Typescript; Bootstrap 4+ & SCSS; Responsive layout; RTL support; High resolution; Flexibly configurable themes with hot-reload (3 themes included); Authentication module with multiple providers; 40+ Angular Components; 60+ Usage Examples

###**[Material Dashboard Angular](https://www.creative-tim.com/product/material-dashboard-angular2?ref=devto)**
![Material Dashboard Angular](https://creativetimblog.com/blog/wp-content/uploads/2019/06/opt_md_angular_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/material-dashboard-angular2?ref=devto) | [Live Preview] (https://demos.creative-tim.com/material-dashboard-angular2/#/dashboard?ref=devto) | [Get Hosting](https://m.do.co/c/276af09d9975)
 

[Material Dashboard Angular 7](https://demos.creative-tim.com/material-dashboard-angular2/#/dashboard?ref=devto) is a free Material Bootstrap 4 Admin with a fresh, new design. This admin template works with Angular v2+ and makes use of light, surface, and movement. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

###**[Elite Angular 6 Lite](https://angularexpo.com/elite-angular-6-lite/?ref=devto)**
![Elite Angular 6 Lite](https://creativetimblog.com/blog/wp-content/uploads/2019/06/elite-admin-angular-lite-nw-1.jpg?ref=devto)
[Download] (https://angularexpo.com/elite-angular-6-lite/?ref=devto) | [Live Preview] (https://www.wrappixel.com/demos/angular-admin-templates/elite-angular-lite/index.html)  | [Get Hosting](https://m.do.co/c/276af09d9975)


Elite Angular Admin Lite is an awesome and clean design with great colors & modular design will amaze your eyes in no time. It is completely free to download and use for your personal projects.

###**[Argon Dashboard Angular](https://www.creative-tim.com/product/argon-dashboard-angular?ref=devto)**
Argon Dashboard Angular contains over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.
![Argon Dashboard Angular](https://creativetimblog.com/blog/wp-content/uploads/2019/06/opt_ad_angular_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/argon-dashboard-angular?ref=devto) | [Live Preview] (https://demos.creative-tim.com/argon-dashboard-angular/#/dashboard?ref=devto)  | [Get Hosting](https://m.do.co/c/276af09d9975)


You will save a lot of time going from prototyping to full-functional code.  Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

###**[NG-ZORRO](https://angularexpo.com/ng-zorro/)**
![NG-ZORRO](https://creativetimblog.com/blog/wp-content/uploads/2019/06/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f323030302f312a4e496c6a302d54644c4d626f5f687a53425038746d672e706e67.png)
[Download] (https://angularexpo.com/ng-zorro/) | [Live Preview] (https://angularexpo.com/ng-zorro/)  | [Get Hosting](https://m.do.co/c/276af09d9975)


Features An enterprise-class UI design system for web applications.  A set of high-quality Angular components out of the box.
Written in TypeScript with predictable static types.  The whole package of development and design resources and tools.

###**[Black Dashboard Angular](https://www.creative-tim.com/product/black-dashboard-angular?ref=devto)**
[Black Dashboard Angular](https://demos.creative-tim.com/black-dashboard-angular/#/dashboard?ref=devto) is a beautiful Bootstrap 4 Admin Dashboard that uses [Angular](https://angular.io/) with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

![Black Dashboard Angular](https://creativetimblog.com/blog/wp-content/uploads/2019/05/opt_bd_angular_thumbnail.jpg)
[Download] (https://www.creative-tim.com/product/black-dashboard-angular?ref=devto) | [Live Preview] (https://demos.creative-tim.com/black-dashboard-angular/#/dashboard?ref=devto)  | [Get Hosting](https://m.do.co/c/276af09d9975)