Tailwind CSS Components 🛸

This project is a collection of reusable Tailwind CSS components. The components are designed to be beautiful, responsive, and easy to use.

Contributing

If you would like to contribute to this project, please feel free to submit a pull request!

Preview

Comming soon!

Installation

If you are reading this on github, you can click on the "Use this template" button above to create a new repository from Tailwind CSS Components to your account. Then you can do a git clone to clone it to your local system.

Alternatively, you can clone the project directly from this repo to your local system.

1. Clone the repo

git clone https://github.com/FORGEAR/Tailwind-CSS-components.git myProjectName
# or
git clone https://github.com/FORGEAR/Tailwind-CSS-components.git .

The . will clone it to the current directory so make sure you are inside your project folder first.

2. Install Dependencies

npm install
# or
yarn install
# or (recommended)
pnpm install

3. Start development Server

npm run dev
# or
yarn dev
# or (recommended)
pnpm dev

Preview & Build

npm run preview
npm run build
# or
yarn preview
yarn build
# or (recommended)
pnpm preview
pnpm build

We recommend using pnpm to save disk space on your computer.

Other Commands

pnpm astro ...
pnpm astro add
pnpm astro --help

Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── ...
├── src/
│   ├── components/
│   │   └── ...
│   ├── layouts/
│   │   └── ...
│   └── pages/
│       └── ...
└── package.json

TailwindCSS

TailwindCSS is already configured in this repo, so you can start using it without any installation.

Credits

This project is based on Astro and TailwindCSS.

👀 Want to learn more?

Feel free to check out Astro Docs or jump into our Discord Chat.