BuilderJS
Showcase Builder
Examples

Tier previews

  • Basic 5 Drop-in integration in 5 lines.
  • Backend 4 Save · upload · auth · realtime.
  • Cookbook 8 Eight ready-to-paste chrome shapes.
  • Events 5 Subscribe to engine state changes.
  • API 5 Programmatic operations.
  • Extensions 5 Custom widgets, elements, controls.

Browse by tier

  • Basic 5 examples
  • Backend 4 examples
  • Cookbook 8 chrome variants
  • Events 5 examples
  • API 5 examples
  • Extensions 5 examples
  • Flows 3 examples
Browse all 35 examples arrow_forward
Features Gallery
Docs

Start here

  • rocket_launch Quickstart 5-minute first boot
  • add_card Build a sample Add an email — 30 min
  • extension Build an Element Subclass + ship — 60 min
  • cloud Wire a backend Save · auth · multi-tenant

Browse by track

  • rocket_launch Get started 3 docs
  • palette Build a theme 5 docs
  • extension Extend the engine 4 docs
  • cloud Wire to production 3 docs
Browse all 15 docs arrow_forward
storefront

GALLERY

43 themes ready to ship.

Every theme + sample bundled with the buyer package. Filter by category, search by name, click to open in the builder.

search
  • Standard

    Blank

    Open in Builder arrow_forward
  • Standard

    Minimal

    Open in Builder arrow_forward
  • Standard

    Simple Text

    Open in Builder arrow_forward
  • Standard

    Gallery

    Open in Builder arrow_forward
  • Standard

    Sell Products

    Open in Builder arrow_forward
  • Standard

    1:2:1 Column

    Open in Builder arrow_forward
  • Standard

    1:3 Column

    Open in Builder arrow_forward
  • Standard

    Tell a story

    Open in Builder arrow_forward
  • Standard

    Featured Product

    Open in Builder arrow_forward
  • Standard

    Promote products

    Open in Builder arrow_forward
  • Standard

    Event invitation

    Open in Builder arrow_forward
  • Standard

    Retail services

    Open in Builder arrow_forward
  • Standard

    Make an announcement

    Open in Builder arrow_forward
  • Rich content

    Sitewide sale

    Open in Builder arrow_forward
  • Rich content

    Welcome new customers

    Open in Builder arrow_forward
  • Rich content

    Advertise App

    Open in Builder arrow_forward
  • Rich content

    Class thank you

    Open in Builder arrow_forward
  • Rich content

    About our services

    Open in Builder arrow_forward
  • Rich content

    Thank You Personalized

    Open in Builder arrow_forward
  • Rich content

    Editorial Newsletter

    Open in Builder arrow_forward
  • Rich content

    Memorial Day

    Open in Builder arrow_forward
  • Rich content

    Remembrance Day Run

    Open in Builder arrow_forward
  • Rich content

    Thanksgiving Offer

    Open in Builder arrow_forward
  • Rich content

    Open House Invite

    Open in Builder arrow_forward
  • Rich content

    Educational Theme

    Open in Builder arrow_forward
  • Rich content

    Order Again

    Open in Builder arrow_forward
  • Rich content

    Event Lineup

    Open in Builder arrow_forward
  • Rich content

    Real estate invite

    Open in Builder arrow_forward
  • Rich content

    Event Agenda Dark

    Open in Builder arrow_forward
  • Rich content

    About Us

    Open in Builder arrow_forward
  • Rich content

    Product Promotion

    Open in Builder arrow_forward
  • Rich content

    Fathers Day Specials

    Open in Builder arrow_forward
  • Rich content

    International Womens Day

    Open in Builder arrow_forward
  • Rich content

    Workspace AI Invite

    Open in Builder arrow_forward
  • Page templates

    Checkout

    Open in Builder arrow_forward
  • Page templates

    MailChimp Checkout

    Open in Builder arrow_forward
  • Page templates

    Order Complete

    Open in Builder arrow_forward
  • Page templates

    MailChimp Complete

    Open in Builder arrow_forward
  • Page templates

    Product Showcase

    Open in Builder arrow_forward
  • Page templates

    MailChimp Product Showcase

    Open in Builder arrow_forward
  • Page templates

    Shopping Cart

    Open in Builder arrow_forward
  • Page templates

    MailChimp Shopping Cart

    Open in Builder arrow_forward
  • Page templates

    MailChimp Showcase

    Open in Builder arrow_forward
filter_alt_off

No themes match your filter.

auto_awesome

ALWAYS GROWING

New samples land in every build.

The buyer ZIP ships every theme + sample on this page byte-identical to what you see here. New samples are added on a regular cadence (typically 2–3 per release) — re-download the latest ZIP to pick them up. You can also drop your OWN .theme dirs into demo/themes/ and they surface here automatically.

  • verified Tested across 22 email clients via Litmus — Outlook, Gmail, Apple Mail, mobile, dark-mode all covered.
  • copyright Royalty-free imagery — every photo + illustration shipped with the package is yours to use commercially. No stock-license traps.
  • workspaces Drop-in extensible — add a theme dir to demo/themes/, the gallery + Builder picker auto-discover on next request. No registration code.

What's next?

Ready to ship? Pick a path.

design_services

Open the Builder

Edit any theme + sample in the live editor. Three-pane chrome, drag-drop blocks, instant export.

Try it arrow_forward
menu_book

Browse 36 examples

Five tiers — basic / backend / cookbook / events · api · extensions / flows · multi-tenant. Real code, no pseudocode.

Explore arrow_forward
palette

Add your own theme

A theme is a dir + an index.json + a few .template.html files. Drop one in, the gallery sees it.

Walkthrough arrow_forward
menu_book

Read the docs

Engine API, JSON schema, control + element catalog, theme authoring — everything the buyer-package ships with.

Docs arrow_forward

Common questions

How often are new themes added?

Roughly 2–3 samples per release. Re-download the latest buyer ZIP from CodeCanyon (or pull main if you cloned the repo) and the gallery refreshes on next page load. Theme additions don't break existing pages — the JSON schema is stable.

Can I add my own themes?

Yes. A theme is a directory under demo/themes/ containing an index.json manifest, a set of *.template.html EJS files (one per element type), and a master/sample/ tree of starter pages. ThemeRegistry::listAll() picks them up automatically — no rebuild, no registration call. See the Custom Theme walkthrough.

How are themes licensed?

Every theme + sample + image bundled with BuilderJS is licensed for unrestricted commercial use. No royalties, no per-seat fees, no attribution required (though it's appreciated). The buyer ZIP includes a copy of the license at LICENSE.md.

Which email clients are supported?

Every shipped sample passes Litmus testing across the top 22 email clients: Apple Mail (macOS + iOS), Gmail (web + iOS + Android), Outlook (Windows 2007–365 + macOS + web), Yahoo, AOL, Samsung Mail, Thunderbird, and major mobile clients. Dark-mode rendering is verified on the clients that support it natively.

Can I use BuilderJS for landing pages or web pages, not just email?

Yes. The engine is HTML-output-agnostic — it reads JSON, runs EJS templates, and emits whatever HTML you author. Page templates (checkout pages, product showcases, thank-you pages, shopping carts) ship in the buyer ZIP under demo/themes/default/master/sample/page/ and surface in the Page templates filter pill above. The same Builder + JSON schema runs both surfaces — switch between email and page samples without changing your integration.

BuilderJS v1.0.0 · MIT (this demo) / Commercial (BuilderJS core)
CodeCanyon ↗ Avento ↗ Dev docs