StarRankExplorer
Back to rankings

mertJF/tailblocks

JavaScripttailblocks.cc

Ready-to-use Tailwind CSS blocks.

csstailwindui-componentstailblocks
Star Growth
Stars
8.9k
Forks
835
Weekly Growth
—
Issues
31
2k4k6k8k
May 2020May 2022Jun 2024Jul 2026
Artifactsnpmnpm install tailblocks
README

Tailblocks

Ready-to-use Tailwind CSS blocks

Features
  • 60+ Blocks
  • Responsive
  • Dark Mode Support
  • Color Variations

How to use this project

tailblocks

This project provides multiple blocks built using Tailwind CSS 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
  2. Select a block that you would like to use.
  3. Choose a color from the color palette for the block you selected.
  4. Select whether you would like to use light or dark mode with the dark/light toggle button.
  5. Click the "View Code" button.
  6. Copy/paste into your project.
  7. 🎉

License

Code copyright 2020 Mert Cukuren. Code released under the MIT license.

Related repositories
twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

MDXMIT Licensecssbootstrap
getbootstrap.com
174.5k78.7k
Chalarangelo/30-seconds-of-code

Coding articles to level up your development skills

JavaScriptnpmCreative Commons Attribution 4.0 Internationalawesome-listjavascript
30secondsofcode.org
128.4k12.5k
electron/electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

C++MIT Licenseelectronjavascript
electronjs.org
122.1k17.3k
microsoft/Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

JavaScriptnpmMIT Licensejavascriptcurriculum
96k15.7k
florinpop17/app-ideas

A Collection of application ideas which can be used to improve your coding skills.

MIT Licenseapplicationsideas
coderabbit.ai
96k10.5k
tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

TypeScriptnpmMIT Licensetailwindcsscss
tailwindcss.com
96k5.4k
animate-css/animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

CSSnpmOthercss-animationscss
animate.style
82.7k16k
FortAwesome/Font-Awesome

The iconic SVG, font, and CSS toolkit

JavaScriptnpmOtherfontawesomeicons
fontawesome.com
76.8k12.2k
thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

MDXfrontendfront-end-development
frontendchecklist.io
73.3k6.7k
juliangarnier/anime

JavaScript animation engine

JavaScriptnpmMIT Licenseanimationanime
animejs.com
71.2k4.8k
h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

JavaScriptnpmMIT Licensehtml5-boilerplatehtml5
html5boilerplate.com
57.6k12.3k
necolas/normalize.css

A modern alternative to CSS resets

CSSnpmMIT Licensecsscss-reset
necolas.github.io/normalize.css/
53.5k10.4k