https://github.com/mertJF/tailblocks

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

css tailblocks tailwind ui-components

Last synced: 29 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-31T22:16:06.000Z (about 2 years ago)
• Last Synced: 2025-03-13T10:07:25.499Z (about 1 month ago)
• Topics: css, tailblocks, tailwind, ui-components
• Language: JavaScript
• Homepage: https://tailblocks.cc
• Size: 25.2 MB
• Stars: 8,809
• Watchers: 142
• Forks: 835
• Open Issues: 47
• 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 | 8823 | (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

Code copyright 2020 Mert Cukuren. Code released under [the MIT license](https://github.com/mertjf/tailblocks/blob/master/LICENSE).