Mirroring/tailblocks
1
0
Fork 0
mirror of https://github.com/mertJF/tailblocks.git synced 2025-12-08 17:03:24 +00:00
Code Issues Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Mert Cukuren
2021-01-04 11:01:54 +03:00
committed by GitHub
parent 59cd0adbc1
commit 73c696e88f
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@@ -2,28 +2,28 @@
### Ready-to-use Tailwind CSS blocks ### Ready-to-use Tailwind CSS blocks
##### Features ##### Features
* 15 different categories (ecommerce, blog, pricing and more...) * 60+ Blocks
* Responsive * Responsive
* Dark/light mode * Dark Mode Support
* Color variations * Color Variations
## How to use this project ## How to use this project
[![tailblocks](https://github.com/mertjf/tailblocks/blob/master/public/preview.gif)](https://tailblocks.cc) [![tailblocks](https://github.com/mertjf/tailblocks/blob/master/public/preview.gif)](https://tailblocks.cc)
This project provides multiple templates built using [Tailwind This project provides multiple blocks built using [Tailwind
CSS](https://tailwindcss.com/) that you can use in your own projects. This 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 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. you with HTML that you can easily copy and paste into your own project.
To use the project: To use the project:
1. Go to the [demo site](https://tailblocks.cc) 1. Go to the [Tailblocks](https://tailblocks.cc)
1. Find a template that you would like to use 1. Select a block that you would like to use.
1. Select the colorscheme you want with the colorscheme-picker 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 picker 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. Click the "View Code" button.
1. Copy/paste into your project 1. Copy/paste into your project.
1. 🎉 1. 🎉