Hey r/Wordpress 👋

If you build client sites with Bricks Builder, this might save you some hours. (Heads-up: it's Bricks-only, not for Elementor/Gutenberg.)

BricksSnap is a free tool I've been working on. You pick:

• a style direction (clean, warm, bold, soft, editorial)
• your brand color, fonts, radius and spacing
• an industry: vehicle registration, trades, medical practice, restaurant, agency, business. Sample copy in English or German.

…and you get a live preview of the whole page. Then export it as native Bricks JSON: real elements, no custom HTML blocks, no inline-style soup.

What makes it different from template packs:

• Styling lives in global classes (bs-hero__title etc.), using CSS variables with fallbacks. Change the brand color once in Bricks and the whole page follows.
• It ships a design system: color palette plus global variables you can install into Bricks.
• 40 section layouts and 12 ready-made designs, including a dark one.
• Quality checks before export: contrast, heading order, alt texts.
• The designs also show up in Bricks' remote template library. Add one URL and insert them directly in the editor.

There's also an AI generator if you prefer to describe a page in words. It works with your own API key, your ChatGPT account (locally), or Claude via MCP. The Studio itself needs no AI and no account.

Free and source-available on GitHub. Use it for your own and your clients' sites, commercial work included. The only thing the license doesn't allow is hosting it as a paid service yourself.

🔗 Try it: https://bricks-snap.vercel.app
💻 Source: https://github.com/Hamido212/BricksSnap

Would love to hear what's missing: which industries, sections or styles would you actually use? Honest feedback welcome, including "this layout looks off" 😄

(Not affiliated with Bricks.)