Type what you want in plain English — or attach a screenshot — and get a complete, responsive, fully editable HubSpot module pushed straight to your Design Manager in minutes.
100,000 free tokens every month · No credit card needed
Real JSsliders, tabs & accordions built in
Native Fieldsevery official HubSpot field type
Live Previewshareable link, no login needed
Building your module…
fields.json
module.html
module.css
module.js
"Create a 3-column pricing table with a featured middle plan and a CTA button"
Pushed to HubSpot
Describe it Generate it Push it live Refine in chat Live Preview it Responsive by default Describe it Generate it Push it live Refine in chat Live Preview it Responsive by default Describe it Generate it Push it live Refine in chat Live Preview it Responsive by default Describe it Generate it Push it live Refine in chat Live Preview it Responsive by default
Everything You Need to Ship Modules Faster
Not a toy generator — a chat-based builder that produces complete, production-ready HubSpot modules you actually own.
Chat-Based Iteration
Describe it once, then refine in conversation — "make the heading bigger", "add a third column". Each chat stays locked to one module and remembers every change.
Live, Shareable Preview Links
One click builds a live demo page — no HubSpot login needed to view it. Send the URL to a client, and it updates itself every time you revise the module.
Design-Accurate from Screenshots
Attach a mockup and the AI reads colors, spacing, card fills and text contrast, then reproduces them closely — about 90% accurate on the first pass, with anything left just a quick follow-up message away.
Every HubSpot Field Type
Text, rich text, image, color, link, choice, slider and boolean — plus repeaters, field groups and conditional visibility rules, generated correctly.
Real Working Interactivity
Sliders, tabs, accordions and lightboxes ship as working vanilla JavaScript — scoped per instance, not a static block pretending to be interactive.
Direct Push, Auto-Repaired
All five files land in your Design Manager automatically. If HubSpot rejects a field, the error is fed back to the AI and the push retries — hands-free.
Zero Setup, Sign In & Go
No install, no HubL to learn, no separate account to create. Sign in with Google, paste your HubSpot key once, and start describing modules.
5 complete files per module Every HubSpot field type Auto-repaired on validation errors Real tablet & mobile breakpoints
No HubL. No boilerplate.
Describe It, Get a Working Module
Skip hand-writing fields.json and module.html from scratch. Describe the module — or point it at a screenshot — and get back a real, editable HubSpot module: correct field types, conditional visibility, repeaters, and working interactivity, not a static mockup.
No install, no HubL to learn — just your HubSpot account and a description.
1
Sign in with Google
One click — you get 100,000 free tokens every month. No credit card needed.
2
Create a HubSpot Service Key
In HubSpot: CRM Development → Keys → Create key. Add one scope from Others: content.
3
Paste It in Settings
One time only. The key is stored securely on your account — never shared, never exposed to the browser after saving.
4
Describe Your Module
Watch it appear in your Design Manager moments later, ready to drop onto any page.
Built for Professional Agency Workflows
Editor-friendly output, multi-portal ready, and no lock-in — the details that matter when clients depend on it.
Full Editor Customization
Google Fonts, colors, backgrounds (full-width or contained), padding, container width, extra classes and IDs — all exposed as editable module fields.
Responsive by Default
Real tablet and mobile breakpoints on every module — multi-column grids collapse, headings scale down, and nothing overflows at 375px.
One Module Per Chat
Each conversation is locked to a single module and its full revision history — no accidental cross-talk between separate client projects.
ZIP Export & Full Ownership
Download any module as a ready-to-upload package at any time. It's plain HubSpot code — extend it, version it, or hand it off. No lock-in.
Multi-Portal Ready
Swap the service key and target folder per client portal, so one account can serve every project you're building for.
Secure Key Handling
Your HubSpot service key is stored server-side on your account, never exposed to the browser after saving, and only ever writes module files.
Saved Straight to Your Portal
Every module lands directly in your own Design Manager the moment it's generated — no manual import, no export step, ready to drop onto a page immediately.
One Dashboard, Every Module
Track your token balance, plan, and every module you've built — live or draft — from a single dashboard, without digging through HubSpot.
Sign in with Google, connect your HubSpot service key, and describe what you need. You get 100,000 tokens every month, free — enough to build and push real modules before you pay anything.
Simple Monthly Pricing
A module typically costs 20,000–40,000 tokens depending on complexity, whether a design screenshot is used, and how many revisions you make — averaging about 30,000. Your balance resets every 30 days; unused tokens don't roll over.
Module-count ranges assume the 20,000–40,000 token range per module and will vary with your actual usage. Online checkout is coming soon. We only read your email address to identify your account.
Frequently Asked Questions
Everything you need to know before you start building.
A chat-based tool that generates complete, production-ready HubSpot CMS modules from a plain-English description or a design screenshot, and pushes them directly into your Design Manager.
Typically 20,000–40,000 tokens, averaging around 30,000. Simple text-only modules cost less; modules built from a screenshot or with several rounds of revisions cost more, since the design reference and prior code are resent each turn so the AI keeps matching them.
Yes, two ways: keep refining it in the same chat ("make the heading bigger"), or open it directly in HubSpot's Design Manager and hand-edit the code — it's a completely normal HubSpot module.
Yes. Attach an image and the AI reads colors, spacing, card fills, text contrast and layout structure, then reproduces them closely — typically about 90% accurate on the first pass, including turning repeated cards into a proper field repeater. Any remaining details are usually a quick follow-up message away.
The AI is shown HubSpot's exact validation error and asked to fix it once, then the module is automatically re-pushed. This only spends tokens when a real push error occurs.
Yes — Live Preview builds a real, public demo page with no HubSpot login required, so you (or a client) can see it before it ever touches a live site.
Yes — it's stored server-side on your account, never in the browser, and only ever used to write module files into your own Design Manager.
Yes — swap the service key and Design Manager folder in Settings for each portal you're building for, or download a module as a ZIP and upload it manually elsewhere.
Generation pauses until your balance renews (every 30 days) or you upgrade your plan — nothing you've already built is affected.
No — your balance resets to your plan's allowance every 30 days and doesn't carry over, so it's simplest to think of it as a fresh monthly budget.
Connect your HubSpot
One-time setup — tell us where to save your modules. Stored securely on your account, not in this browser.
Scope: Others → content ·
AI Modules Maker
…
…
Tokens left ·
…
renews —
…
Tokens used in total
…
Modules generated
Your modules
Settings
Padding, container width, alignment & background fields. Uncheck for a lean module with only content fields.
The module loads this font from Google Fonts and applies it to all its text.
Background type/color/image is always editable on the module afterward — this just sets the starting default. Spans the full width behind the content.
Where a set background sits: edge-to-edge across the section, or only behind the centered content.
AI Modules Maker
HubSpot AI Generator
…
Saving to:
Live demo page:Open live preview ↗auto-updates on every edit · removed after 7 days
Get your HubSpot Service Key
Open your HubSpot portal and go to CRM Development → Keys (or Settings → Integrations → Private Apps). Open HubSpot ↗
Click Create key and name it, e.g. AI Modules Maker.
Add exactly one scope — under Others, select content
Copy the key (starts with pat-na1-…) and paste it into Settings here, then start building.
The key only lets the builder write module files into your Design Manager — nothing else. It is saved in this browser only; we never store it on our servers.
Plans & tokens
Plan
Tokens / month
Price
Free
100,000
$0
Starter
200,000
$9/mo
Pro
750,000
$29/mo
Agency
2,500,000
$79/mo
Your balance resets to your plan's allowance every 30 days — unused tokens don't roll over. A module typically costs 20,000–40,000 tokens (averaging ~30,000), depending on complexity, whether a screenshot is used, and how many revisions you make. Online checkout is coming soon.