About Snapblocks

Snapblocks (snapblocks.site) is a library of 136 scroll-driven and cinematic React components. Every component comes with a one-shot rebuild prompt for an AI coding agent such as Claude Code, Cursor, Codex or v0; components with a live demo also include the React source and a ready-to-run Vite project.

What is in the library?

136 components on 11 shelves: Scroll (4), 3D (19), Navigation (4), Text (10), Buttons (18), Cards (48), Backgrounds (12), Logos (14), Cursors (2), Loaders (1), Controls (4). By what sets them moving: scroll (14), hover (42), click (7), drag (34), on view (1), ambient (38). 3 of them are free with an account. Every component runs on its own page — as a live demo or a full recording — so you see exactly what you get before you pay.

What do you get with a component?

• A rebuild prompt. Open an empty folder in your AI coding agent and paste it: the agent writes the whole project, file for file, with pinned versions. Before any prompt goes live, the project is rebuilt from it and every file is checked byte for byte.
• The source and a Vite project for the 41 components with a live demo: the component and its CSS to paste into your app, and a ready-to-run project with the same example.

How it works walks through all three.

Which tools does it work with?

The prompts are written for AI coding agents — Claude Code, Cursor, Codex, v0 and Bolt. The components are React, and every project pins its versions, so what your agent builds matches what you watched on the page.

How much does it cost?

3 months is $79 every 3 months and opens up to 10 new components a week. Yearly is $139 per year and Lifetime is $249 one time; both are unlimited. Prices are in US dollars. The 3 free components need only an account. See pricing.

Can I use the components in client and commercial work?

Yes — your own sites and apps, client work and commercial products, in unlimited projects, with no credit needed. What you can't do is resell or redistribute the source itself, as a kit, template pack or library of your own. The license has the details.

Can I get a refund?

No. All sales are final, because the code is delivered the moment you pay. That is why every component can be watched running on its page first. Billing errors, such as a double charge, are corrected. See the refund policy.

How do I get in touch?

Email support@snapblocks.site or use the contact page.