https://github.com/app-generator/tailwind-css-components
Tailwind CSS Components - Free and Open-Source Tailwind Components | AppSeed
https://github.com/app-generator/tailwind-css-components
appseed components open-source tailwindcss web-app-generator
Last synced: about 2 months ago
JSON representation
Tailwind CSS Components - Free and Open-Source Tailwind Components | AppSeed
- Host: GitHub
- URL: https://github.com/app-generator/tailwind-css-components
- Owner: app-generator
- License: mit
- Created: 2020-03-20T12:02:18.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-10-27T04:23:08.000Z (over 2 years ago)
- Last Synced: 2025-03-11T05:55:56.172Z (about 2 months ago)
- Topics: appseed, components, open-source, tailwindcss, web-app-generator
- Language: Pug
- Homepage: https://tailwind-css-components.appseed.us/
- Size: 572 KB
- Stars: 67
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [Tailwind CSS Components](https://tailwind-css-components.appseed.us/)
Open-Source project. The initial components generated by [Tailwind.Build](https://tailwind.build/).
## Getting Started
Project's source files are placed in ./src/ directory
* ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
* ./src/scss/ - Sass sources used to build Bulma theme. Variables used in Theme Customizer are located in custom-variables.scss file.
* ./src/*.pug - All your pages (templates) are stored in separated .pug files.
## How to use it
```
# Install dependencies
$ yarn
# Run dev server with live preview (Browsersync)
$ yarn start
# Or make production build
yarn build
```
> Need More? Check out this curated list with Open-Source Tailwind Themes
## [Soft UI Dashboard Tailwind](https://www.creative-tim.com/product/soft-ui-dashboard-tailwind?AFFILIATE=128200)
Soft UI Dashboard Tailwind is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining.
- 👉 [Soft UI Dashboard Tailwind](https://www.creative-tim.com/product/soft-ui-dashboard-tailwind?AFFILIATE=128200) - `product page`
- 👉 [Soft UI Dashboard Tailwind](https://demos.creative-tim.com/soft-ui-dashboard-tailwind/pages/dashboard.html?AFFILIATE=128200) - `LIVE demo`
## [Soft UI Flowbite](https://www.creative-tim.com/product/soft-ui-flowbite?AFFILIATE=128200)
Build your website faster with an Innovative Admin Template based on TailwindCSS, Flowbite, and HTML. Soft UI Flowbite features a huge number of components built to fit together and look amazing.
- 👉 [Soft UI Flowbite](https://www.creative-tim.com/product/soft-ui-flowbite?AFFILIATE=128200) - `product page`
- 👉 [Soft UI Flowbite](https://demos.creative-tim.com/soft-ui-flowbite/?AFFILIATE=128200) - `LIVE demo`
This Free Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.
## [Argon Dashboard Tailwind](https://www.creative-tim.com/product/argon-dashboard-tailwind?AFFILIATE=128200)
Argon is a completly new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.
- 👉 [Argon Dashboard Tailwind](https://www.creative-tim.com/product/argon-dashboard-tailwind?AFFILIATE=128200) - `product page`
- 👉 [Argon Dashboard Tailwind](https://demos.creative-tim.com/argon-dashboard-tailwind/pages/dashboard?AFFILIATE=128200) - `LIVE demo`
## [Notus Svelte](https://www.creative-tim.com/product/notus-svelte?AFFILIATE=128200)
Argon is a completly new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.
- 👉 [Notus Svelte](https://www.creative-tim.com/product/notus-svelte?AFFILIATE=128200) - `product page`
- 👉 [Notus Svelte](https://demos.creative-tim.com/notus-svelte/?AFFILIATE=128200) - `LIVE demo`
## [Material Tailwind Kit React](https://www.creative-tim.com/product/material-tailwind-kit-react?AFFILIATE=128200)
Material Tailwind Kit React features over 120 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can also take variations in color, which you can easily modify using react.js props.
- 👉 [Material Tailwind Kit React](https://www.creative-tim.com/product/material-tailwind-kit-react?AFFILIATE=128200) - `product page`
- 👉 [Material Tailwind Kit React](https://demos.creative-tim.com/material-tailwind-kit-react/#/?AFFILIATE=128200) - `LIVE demo`
---
**[Tailwind CSS Components](https://tailwind-css-components.appseed.us/)** - Provided by **AppSeed** [Web App Generator](https://appseed.us/app-generator).