How it works

Up and running in minutes.

1

Browse the gallery

Explore blocks by category — Hero, Features, Pricing, CTA, and more. Each category has multiple variants with distinct visual styles.

2

Preview and inspect

Switch between the live preview and the Code tab. Resize the preview to any breakpoint using the drag handle or preset buttons.

3

Copy the source

Click Copy to grab the Prettier-formatted HTML. The code is framework-agnostic — use it in any Astro, React, or plain HTML project.

4

Paste and customise

Drop the block into your project. Every class is plain Tailwind — swap colors, adjust spacing, or restructure the markup however you like.