Build HubSpot modules
visually
Drag & drop your design. Get real fields, HubL and CSS — saved straight into the folder hs watch is watching.
Chrome 102+ on desktop · free to use · Pro from $49/year
Drag & drop your design. Get real fields, HubL and CSS — saved straight into the folder hs watch is watching.
Design once. The extension writes module.html, fields.json, meta.json, module.css and module.js for you.
Pick your project's modules folder once. Every export writes name.module/ there and hs watch uploads it. Or download a ZIP.
Text, rich text, image, link, boolean, choice, number, color, groups and repeaters — generated with proper types and defaults.
Desktop and mobile padding plus theme colors on a Styles tab, written to module.css and a scoped require_css block.
Rendered from your generated files at desktop, tablet and mobile widths — what you see is what you export.
Hero, pricing, FAQ, slider, tabs, team, timeline, data table, cookie banner and more — each with the fields it needs. Hero and FAQ are free.
A built-in checker flags reserved field names, nested repeaters and duplicate ids before HubSpot rejects them.
Real screenshots of the extension.
Pro is billed and licensed through Polar. Cancel anytime — Pro stays active until your paid period ends.