Home

Awesome

Tailwind Starter Kit <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.creative-tim.com%2Flearning-lab%2Ftailwindcss-starter-project%23%2Fpresentation&text=Tailwind%20Starter%20Kit%20by%20Creative%20Tim&original_referer=&via=Creative%20Tim&hashtags=creativetim" target="_blank">Tweet</a>

version license <a href="https://github.com/creativetimofficial/tailwind-starter-kit/issues?q=is%3Aopen+is%3Aissue" target="_blank">GitHub issues open</a> <a href="https://github.com/creativetimofficial/tailwind-starter-kit/issues?q=is%3Aissue+is%3Aclosed" target="_blank">GitHub issues closed</a> <a href="https://gitter.im/creative-tim-general/Lobby" target="_blank">Join the chat at https://gitter.im/NIT-dgp/General</a> <a href="https://discord.gg/E4aHAQy" target="_blank">Chat</a>

Tailwind Starter Kit

A beautiful extension for TailwindCSS.

Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the original TailwindCSS framework. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular.

CSS Components

Tailwind Starter Kit comes with 120 Fully Coded CSS elements.

Pages

This extension also comes with 4 sample pages.

JavaScript Components

We also feature 16 dynamic components.

Table of Contents

Versions

FREE Dashboard

<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/dashboard">Dashboard Page</a>

Angular Dashboard PageHTML Dashboard PageReact Dashboard PageVueJS Dashboard Page
<a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Dashboard%20Page/angular-dashboard-page" target="_blank">Download Angular</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Dashboard%20Page/html-dashboard-page" target="_blank">Download HTML</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Dashboard%20Page/react-dashboard-page" target="_blank">Download React</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Dashboard%20Page/vuejs-dashboard-page" target="_blank">Download Vue</a>

FREE Design System (UI Kit)

<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/landing">Landing Page</a>

Angular Landing PageHTML Landing PageReact Landing PageVueJS Landing PageNextJS Landing Page
<a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Landing%20Page/angular-landing-page" target="_blank">Download Angular</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Landing%20Page/html-landing-page" target="_blank">Download HTML</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Landing%20Page/react-landing-page" target="_blank">Download React</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Landing%20Page/vuejs-landing-page" target="_blank">Download Vue</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Landing%20Page/next-landing-page" target="_blank">Download Next</a>

<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/login">Login Page</a>

Angular Login PageHTML Login PageReact Login PageVueJS Login Page
<a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Login%20Page/angular-login-page" target="_blank">Download Angular</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Login%20Page/html-login-page" target="_blank">Download HTML</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Login%20Page/react-login-page" target="_blank">Download React</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Login%20Page/vuejs-login-page" target="_blank">Download Vue</a>

<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/profile">Profile Page</a>

Angular Profile PageHTML Profile PageReact Profile PageVueJS Profile Page
<a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Profile%20Page/angular-profile-page" target="_blank">Download Angular</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Profile%20Page/html-profile-page" target="_blank">Download HTML</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Profile%20Page/react-profile-page" target="_blank">Download React</a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/main/Profile%20Page/vuejs-profile-page" target="_blank">Download Vue</a>

Documentation

The documentation for the Tailwind Starter Kit is hosted at our <a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/documentation/quick-start?ref=tsk-readme" target="_blank">website</a>.

<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/presentation?ref=tsk-readme" target="_blank">View More</a>

Quick start

Custom themes and dashboards

JavascriptReactAngular
<img src="https://s3.amazonaws.com/creativetim_bucket/products/392/thumb/opt_notus_js_thumbnail.jpg"><img src="https://s3.amazonaws.com/creativetim_bucket/products/394/thumb/opt_notus_react_thumbnail.jpg"><img src="https://s3.amazonaws.com/creativetim_bucket/products/391/thumb/opt_notus_angular_thumbnail.jpg">
VuejsNextJsSvelte
<img src="https://s3.amazonaws.com/creativetim_bucket/products/396/thumb/opt_notus_vuejs_thumbnail.jpg"><img src="https://s3.amazonaws.com/creativetim_bucket/products/393/thumb/opt_notus_nextjs_thumbnail.jpg"><img src="https://s3.amazonaws.com/creativetim_bucket/products/395/thumb/opt_notus_svelte_thumbnail.jpg">
Notus Pro React
<img src="https://s3.amazonaws.com/creativetim_bucket/products/452/thumb/opt_np_react_thumbnail.jpg?1619006214">

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

ChromeFirefoxEdgeSafariOpera
<img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/chrome-logo.png?raw=true" width="64" height="64"><img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png" width="64" height="64"><img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png" width="64" height="64"><img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png" width="64" height="64"><img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png" width="64" height="64">

Reporting Issues

We use GitHub Issues as the official bug tracker for the Angular Landing Page. Here is some advice for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Angular Landing Page. Check the CHANGELOG from your dashboard on our <a href="https://www.creative-tim.com/?ref=tsk-readme" target="_blank">website</a>.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Licensing

Useful Links

Social Media

Twitter: <a href="https://twitter.com/CreativeTim" target="_blank">https://twitter.com/CreativeTim</a>

Facebook: <a href="https://www.facebook.com/CreativeTim" target="_blank">https://www.facebook.com/CreativeTim</a>

Dribbble: <a href="https://dribbble.com/creativetim" target="_blank">https://dribbble.com/creativetim</a>

Instagram: <a href="https://www.instagram.com/creativetimofficial/" target="_blank">https://www.instagram.com/creativetimofficial/</a>

Resources