How to quickly build a website using Tailwindcss and Tailblocks

I recently discovered this tool that allowed me to rapidly build my own website. Hope it might be useful.

What is Tailwindcss

Tailwindcss is a utility based css framework for rapid development and is very useful in some cases. My own website is built entirely on tailwindcss, so I definitely would recommend it to you.


Tailblocks is a very simple tool that provides you with readymade Tailwindcss blocks. It includes most of the blocks that you would need to build a great website, including navbars, hero sections and footers.

How to use

  1. Go to tailblocks
  2. Pick out a block you like.
  3. Click the ‘<>View Code’ button.
  4. Copy the code.
  5. Paste it into the html document and voila 🤯
  6. Repeat the process with as many blocks as you like 👍.

Thanks for reading. If you liked the article you can buy me a coffee!

Originally published at on December 19, 2020.




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Towards achieving a 10x compile-time improvement in a Flink codebase


Java 9 Features (Part -1)

Manage cleanup of blob data in Amazon PostgreSQL RDS

How to install an SSL Certificate on Apache?

Another P.O.V. — Game Design from a Different Perspective

Coding Asynchronously in JavaScript (and other languages).

DAO Spotlight: LearnWeb3DAO

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Siddharth Chaudhary

Siddharth Chaudhary

More from Medium

Most Common Beginner Error With Tailwind C.

College Decider: Your College Application Companion

Recreating Dribbble’s Page Layout with HTML + CSS

Dribbble’s Landing Page

How to Truncate Text using CSS

An example of truncated text. It shows “hello w…”.