Getting Started

Vue.js Components

React.js Components

Angular Components

JavaScript Components

Download Tailwind Starter Kit

Download our beautiful Tailwind CSS components library to get the compiled CSS and the sample pages on plain HTML, or on React, VueJS and Angular.

Download

Quick Start

Unzip the downloaded content
In the unzipped folder you will see 4 files of our compiled Tailwindcss and 4 folder for our 4 sample pages:
- Dashboard Page
- Landing Page
- Login Page
- Profile Page
Each of the above folder will contain 4 types of projects (which will be named by the technology followed by the page name, e.g. html-dashboard-page):
- HTML
- Angular
- React
- VueJS

HTML Quick Start

Open the .html file from one of the above HTML folders inside one of your browsers
That's it, no other configuration needed

Angular Quick Start

If you do not have, download and install NodeJS LTS version
If you do not have, download and install angular-cli
Open a terminal
CD into one of the angular folders from the above mentioned folders (i.e. angular-name-page)
Run in terminal npm install
Wait for the installtion process to finish
Run in terminal ng server
Open in browser http://localhost:4200

React Quick Start

If you do not have, download and install NodeJS LTS version
Open a terminal
CD into one of the react folders from the above mentioned folders (i.e. react-name-page)
Run in terminal npm install
Wait for the installtion process to finish
Run in terminal npm start
Open in browser http://localhost:3000

VueJS Quick Start

If you do not have, download and install NodeJS LTS version
Open a terminal
CD into one of the vuejs folders from the above mentioned folders (i.e. vuejs-name-page)
Run in terminal npm install
Wait for the installtion process to finish
Run in terminal npm run serve
Open in browser http://localhost:8080