About Blookie

What is Blookie?

Blookie is a library of ready-made UI blocks and templates built with Tailwind CSS and Shadcn UI. The idea is to help you build websites and apps faster by providing components that you can easily copy and paste into your project.

How it works

Let's say you want to add a customer testimonials section to your landing page. Just go to blookie.io, select “Testimonials” from the filters, and look through the options. When you find one you like, copy the code and paste it into your project.

That's it. No extra setup needed.

Why Blookie uses Shadcn

At first, the plan was to make Blookie framework agnostic by only providing static HTML blocks styled with Tailwind CSS. But the problem was that you had to add your own JavaScript for anything dynamic, like dropdowns or dialogs which made Blookie harder to use than I had intended.

So instead, I decided to build the blocks using components from Shadcn UI. This way, you get all the interactivity built in, and you can still easily customize the blocks to fit your project.

Inspiration

The inspiration behind Blookie is Tailwind Plus (formerly Tailwind UI).