Getting Started
Example Pages
CSS Components
Vue.js Components
React.js Components
Angular Components
JavaScript Components

Download

Download Tailwind Starter Kit 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