How it works
01
Explore blocks by category — Hero, Features, Pricing, CTA, and more. Each category ships with multiple variants so you always find the right aesthetic for your project.
02
Switch between the live preview and the Code tab. Drag the resize handle or snap to Mobile, Tablet, or Desktop presets to see exactly how a block behaves before you commit to it.
03
One click copies the Prettier-formatted source. Every block is a single self-contained file with no dependencies — paste it into your project and it's yours to customise forever.
// No imports. No setup.
<section class="...">
Your content.
</section>