Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mertJF/tailblocks

Ready-to-use Tailwind CSS blocks.
https://github.com/mertJF/tailblocks

css tailblocks tailwind ui-components

Last synced: 12 days ago
JSON representation

Ready-to-use Tailwind CSS blocks.

Host: GitHub
URL: https://github.com/mertJF/tailblocks
Owner: mertJF
License: mit
Created: 2020-05-14T18:26:36.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-01-31T22:16:06.000Z (almost 2 years ago)
Last Synced: 2024-10-17T15:32:40.176Z (22 days ago)
Topics: css, tailblocks, tailwind, ui-components
Language: JavaScript
Homepage: https://tailblocks.cc
Size: 25.2 MB
Stars: 8,711
Watchers: 145
Forks: 826
Open Issues: 46
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

my-awesome-list - tailblocks - to-use Tailwind CSS blocks. | mertJF | 8722 | (JavaScript)
awesome-luooooob - mertJF/tailblocks - Ready-to-use Tailwind CSS blocks. (JavaScript)
awesome-list - tailblocks - to-use Tailwind CSS blocks. | mertJF | 5931 | (JavaScript)

README

# Tailblocks
### Ready-to-use Tailwind CSS blocks
##### Features

* 60+ Blocks
* Responsive
* Dark Mode Support
* Color Variations

## How to use this project

[![tailblocks](https://github.com/mertjf/tailblocks/blob/master/public/preview.gif)](https://tailblocks.cc)

This project provides multiple blocks built using [Tailwind
CSS](https://tailwindcss.com/) that you can use in your own projects. This
project is not a dependency that you add to your project, but instead provides
you with HTML that you can easily copy and paste into your own project.

To use the project:

1. Go to the [Tailblocks](https://tailblocks.cc)
1. Select a block that you would like to use.
1. Choose a color from the color palette for the block you selected.
1. Select whether you would like to use light or dark mode with the dark/light toggle button.
1. Click the "View Code" button.
1. Copy/paste into your project.
1. 🎉

## License