21 Free Dashboard/landing pages/Ui Kits Templates for Angular/VueJS/React
Tags: react, angular, vue, design
Published: 2020-04-26 17:05:12

Creating a design for your product from scratch can be hard and time-consuming.

Lucky for us you can find tons of free templates on the internet for every frontend framework!

Let's go through some types of templates and framework libs.

## Landingpages for everything

#### SaaS Application

Every SaaS app needs a good landing page! Here is a bootstrap 4 template that should work for a lot of uses cases!
![](https://grayic.com/wp-content/uploads/2019/07/Saas-min.png)
[Live Demo / Download](https://grayic.com/preview/?demo=saas-app)

#### Knight

This Template even has a color switcher! It looks futuristic and is the perfect fit for your next landing page
![](https://webresourcesdepot.com/wp-content/uploads/2019/05/knight-800x401.png)
[Live Demo / Download](https://webresourcesdepot.com/freebie/knight/)

#### Interior

If your product should look light and premium this is the perfect landing page.

![](https://uideck.com/wp-content/uploads/edd/2019/05/interior-design-template.png)
[Live Demo / Download](https://uideck.com/templates/interior/)

#### Switch 

Dark websites are a trend these days. This template has a switch! It can be dark and Light! And looks good in both cases.

![](https://cruip.com/wp-content/uploads/2019/06/switch.png)
[Live Demo / Download](https://cruip.com/demos/switch/)

#### Slick

If you want to look familiar for the end-user Slick is a good choice for you!

![](https://uideck.com/wp-content/uploads/edd/2019/03/slick.png)
[Live Demo / Download](https://uideck.com/templates/slick-free-bootstrap-template)

## React Templates

#### Now Ui Kit

Now is a modern minimal clean looking Ui design Kit.
It looks lovely!

![](https://s3.amazonaws.com/creativetim_bucket/products/170/original/opt_nuk_react_thumbnail.jpg)
[Live Demo / Download](https://www.creative-tim.com/product/now-ui-kit-react)

#### ArchitectUI

ArchitectUI React Dashboard Template is free and open-source.

![](https://colorlib.com/wp/wp-content/uploads/sites/2/1_free-react-templates.jpg)
[Live Demo / Download](https://dashboardpack.com/theme-details/architectui-react-dashboard-free)

#### React Reduction

Free Admin Template Built with React and Bootstrap4 

![](https://colorlib.com/wp/wp-content/uploads/sites/2/4_free-react-templates.jpg)
[Live Demo / Download](https://github.com/reduction-admin/react-reduction)


#### Blur Admin

If you are a friend of blur then this design is perfect for you!

![](https://iotvnaw69daj.i.optimole.com/6LNb4wA-8Y9ryl-l/w:509/h:458/q:90/dpr:1.3/https://mk0codeinwp10tp0961a.kinstacdn.com/wp-content/uploads/2018/03/blur.jpg)
[Live Demo / Download](https://github.com/knledg/react-blur-admin)

## React Native Templates

#### Argon 

Need to bootstrap you React Native quickly? Then you should try Argon. It is a clean and minimal Ui Kit.
![](https://s3.amazonaws.com/creativetim_bucket/products/163/original/opt_arn_thumbnail.jpg?1559925384)
[Live Demo / Download](https://www.creative-tim.com/product/argon-react-native)

## Angular Templates

#### BLK Design System

Lovely gradient buttons and in general a lovely modern look! You need to try it!

![](https://s3.amazonaws.com/creativetim_bucket/products/221/original/opt_blk_angular_thumbnail.jpg)
[Live Demo / Download](https://www.creative-tim.com/product/blk-design-system-angular)

#### Black Dashboard

If you like dark designs then this dashboard is fantastic for you!

![](https://s3.amazonaws.com/creativetim_bucket/products/169/original/opt_bd_angular_thumbnail.jpg?1563529558)
[Live Demo / Download](https://www.creative-tim.com/product/black-dashboard-angular)

#### ng-pi-admin

Need a slick and gradient Admin dashboard? Then take a look at ng-pi-admin!
![](https://angularexpo.com/content/images/2019/07/default.png)
[Live Demo / Download](http://treesflower.com/ng-pi-admin/)

##### ngx-admin

Another Admin Dashboard! If you love pastel colors this one is for you!

![](https://angularexpo.com/content/images/2019/05/ngx-admin.png)
[Live Demo / Download](http://akveo.github.io/ngx-admin/)

##### SB Admin 2

A free Bootstrap 4 admin theme built with HTML/CSS and a modern development workflow environment ready to use to build your next dashboard or web application

![](https://startbootstrap.com/assets/img/screenshots/themes/sb-admin-2.png)
[Live Demo / Download](https://startbootstrap.com/themes/sb-admin-2/)

## VueJs Templates

#### CoreUi

The only Vue.js Admin Template you need to create amazing user interfaces.

![](https://camo.githubusercontent.com/3cfbfa978d5c298eb1b8f784c63ea90d8403c241/68747470733a2f2f636f726575692e696f2f696d616765732f6769746875622f7675652d667265652d74656d706c6174652d332e676966)
[Live Demo / Download](https://github.com/coreui/coreui-vue)

#### White Dashboard

Vue White Dashboard is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. 

![](https://s3.amazonaws.com/creativetim_bucket/products/257/original/vue-white-dashboard.jpg)
[Live Demo / Download](https://www.creative-tim.com/product/vue-white-dashboard)


#### Black Dashboard

Vue Black Dashboard is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing.

![](https://s3.amazonaws.com/creativetim_bucket/products/99/original/opt_bd_vue_thumbnail.jpg)
[Live Demo / Download](https://www.creative-tim.com/product/vue-black-dashboard)

#### Paper Dashboard

Vue Paper Dashboard is a beautiful resource built over Bootstrap and Vue. It will help you get started developing dashboards in no time.

![](https://s3.amazonaws.com/creativetim_bucket/products/57/original/opt_pd_vue_thumbnail.jpg?1534959668)
[Live Demo / Download](https://www.creative-tim.com/product/vue-paper-dashboard)

#### vuestic

Free and beautiful Vue.js admin template with 44+ custom UI components.

![](https://camo.githubusercontent.com/ed33176afddda517e5e70af413ff8ef4834e3f3e/68747470733a2f2f692e696d6775722e636f6d2f4e3941656153632e6a7067)
[Live Demo / Download](https://github.com/epicmaxco/vuestic-admin)


**👋Say Hello!** [Instagram](https://www.instagram.com/lampewebdev/) | [Twitter](https://twitter.com/lampewebdev) | [LinkedIn](https://www.linkedin.com/in/michael-lazarski-25725a87) | [Medium](https://medium.com/@lampewebdevelopment) | [Twitch](https://dev.to/twitch_live_streams/lampewebdev) | [YouTube](https://www.youtube.com/channel/UCYCe4Cnracnq91J0CgoyKAQ)