Back to projects
Feb 01, 2026
2 min read

BricksSnap

Open-source tool for generating ready-to-import Bricks Builder JSON templates — pre-built sections, design tokens, and an optional AI mode.

BricksSnap — Bricks Builder Templates on Demand

BricksSnap is an open-source Next.js tool that generates importable Bricks Builder JSON templates. Developers and designers pick from pre-built sections or describe a full page via prompt — the tool exports valid Bricks JSON ready to import directly.

Features

  • Template Library — Pre-built sections: Hero, Navbar, Features, Pricing, Testimonials, Footer, and more
  • Full-Page Presets — Complete page layouts at the click of a button
  • Design Tokens — Colors, border radius, shadows, spacing, typography, dark mode
  • AI Mode (optional) — Generate via prompt using OpenAI or Anthropic
  • Export — As Bricks import JSON or directly to clipboard

Community

⭐ 22 GitHub Stars · 6 Forks · Published on npm as brickssnap

Tech Stack

Next.js (App Router) · TypeScript · OpenAI API · Anthropic API