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

My Process to Code App Ideas in 1 Day (from scratch)

Browser Automation with Python and Selenium — 18: Remote WebDriver

How VPN automation ended up becoming a Single Sign On Server — Part 1

Open Source Contribution?… Do It

Is JavaScript a bad language?

What’s the FlowChart of your Tech Career?

Re-”Makering” Your Life

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

How to create a responsive contact form using HTML

Collapsing Margin between parent and child

How i created animated Hero Section using Tailwind css | CodeF

Showing how to use tailwind keyframes

How to choose a technology stack for web development — Venar Academy