Beautiful blocks,
ready to ship.
A curated gallery of copy-paste UI blocks built with Astro and Tailwind CSS. Each block has a live preview, source viewer, and isolated preview page.
2,400+ developers using BlockUI
2,400+
Developers using BlockUI
12+
Block categories
40+
Variants available
100%
Free and open-source
Why BlockUI
Everything you need to ship faster.
01
Copy, paste, done.
Every block is a single self-contained file. No package to install, no peer dependencies, no version drift. Paste it in and it just works.
02
Plain Tailwind throughout.
No custom CSS, no design tokens, no wrapper components. Every class is readable and editable. Tweak spacing or swap colors in seconds.
03
Preview at every breakpoint.
Drag the resize handle or snap to Mobile, Tablet, or Desktop. See exactly how a block behaves before you commit.
04
Formatted code, ready to copy.
Source is Prettier-formatted and syntax-highlighted. One click copies it. Use it in any framework — not just Astro.
Loved by developers
"BlockUI saved me hours on my last project. I grabbed a hero and a features section, tweaked the colors, and shipped the landing page the same afternoon."
Sarah Chen
Frontend Engineer
"Finally a component library that doesn't fight my design system. Because there is no design system — it's just Tailwind. Exactly what I wanted."
Marcus Rivera
Indie Hacker
"The code tab showing rendered HTML is genius. I can use these blocks in any project, not just Astro ones. Huge time saver."
Priya Nair
Full-stack Developer
"I've been building Astro sites for two years and BlockUI is now a permanent part of my workflow. The preview resize handle alone is worth it."
Tom Berg
Web Designer
"The minimalist variants are stunning. Clean, fast, accessible out of the box. My clients keep asking how I build so quickly — this is my secret."
Yuki Sato
UI Designer
"Open source, zero lock-in, and genuinely beautiful blocks. I've tried every similar tool and nothing comes close to how practical BlockUI is."
Daniel Webb
Software Engineer