Modules used to take hours.

Now they take a sentence.

Ditto built pages from Sprocket Rocket modules. Now it builds the modules themselves. Describe the module you need, watch it come to life in your own HubSpot theme, and publish straight to your portal.

Get early access

See how it works

Built exclusively for HubSpot. Included with Pro and subscriptions. No extra tool to buy.

app.sprocketrocket.co · page builder · DittoAI

app.sprocketrocket.co · module builder

Give the offer bar a gradient background, add a second CTA for the recording, and round the corners

DDitto

Read module.hubl.html

Edited module.hubl.css

Updated fields.json

Done · preview updated

Professional design

Every Great Growth-Driven Design Project Starts With Strategy

Join Webinar Get the Recording SR Offer Bar 08

<div class="sr-offer-bar offer-bar-08">
  {{ macros.heading(module.heading) }}
  {{ macros.cta(module.ctas) }}
</div>

.sr-offer-bar{
  background:linear-gradient(118deg,
    #0b1e4b 0%, #5b2a86 66%, #b3552e 100%);
  border-radius:22px;
}
.sr-offer-bar .cta--secondary{
  border-color:#0da6ff;
  color:#0da6ff;
}

// fields drive everything - no JS required
console.log("SR Offer Bar 08: ready");

{ "name": "ctas",
  "occurrence": { "min": 1, "max": 2 },
  "default": [
    { "button_text": "Join Webinar" },
    { "button_text": "Get the Recording" } ] }

Ditto 1.0. The page builder. Drag, drop, configure.

What it does

A real builder. Not a toy.

Ditto works on actual HubSpot module files and follows the same standards our own team builds to.

Not a toy.">

app.sprocketrocket.co · module builder

Make the background red.

D Ditto ✓ Done

Professional design

Join Webinar

Build this as a module.

D Ditto ✓ Done

<div class="sr-cards-03 cards-3col">
  {% for card in module.cards %}
  <div class="card">
    {{ macros.image(card.image) }}
    {{ macros.heading(card.heading) }}
    {{ macros.cta(card.ctas) }}
  </div>
  {% endfor %}
</div>

.cards-3col{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.cards-3col .card{
  border-radius:14px;
  overflow:hidden;
}

// fields drive everything - no JS required
console.log("SR Cards 03: ready");

{ "name": "cards",
  "occurrence": { "min": 3, "max": 6 },
  "children": [
    { "name": "image",   "type": "image" },
    { "name": "heading", "type": "group" },
    { "name": "ctas",    "type": "group" } ] }

Explore

Design settings

Padding

Background

Mobile

Sprocket Rocket Growth Your theme .zip

Publish

✓ Live on your HubSpot portal

Get early access

*Marketplace themes on the supported list today; custom themes via zip upload. The list keeps growing.

Why now

The builder grew up.

Sprocket Rocket changed how HubSpot sites get built once already. This is the second time.

Then

Drag, drop, configure.

A 160+ module library, a page builder, and theme settings. You searched the library, dragged the module in, and tuned every field by hand. Fast then, fast now. But it could only assemble what was already in the library.

Now

Say it. Ship it.

Ditto reads your theme, writes the module, and shows you a live preview inside your actual design system. Change it with a sentence. Publish when it is right. The library is still there. Now it builds itself.

How it works

Three steps. Your theme.

No local IDE. No CLI setup. No developer in the loop.

Connect your theme

Pick a connected HubSpot portal, choose a theme, or upload a theme zip. The live preview renders inside your actual theme, not a generic sandbox.

Describe the module

Ask for a new module or a change in plain language. Attach an image if you have a design. Ditto reads your files and builds to match your system.

Preview, then publish

Watch it render live. Check the HTML, CSS, JS, and fields if you want to. Iterate with another sentence, and publish to your portal when it is right.

Get your website improvement plan.

Would you love a second (or third) set of eyes on your website? We'll conduct a comprehensive analysis, identify areas for improvement, and provide a no-obligation website gameplan for you to implement.

Designers and developers use the modules as starting places for more intense custom work. Design and build without limits.

Marketers can easily build pages with pre-built, design-approved building blocks. Build best-practice pages with confidence.

The module library is designed to be neutral out of the box. The end result? You get proven patterns styled for your brands.

Why do people love using Sprocket Rocket?

Great theme - loving how easy it is to put the pages together

“Working great - much faster way for us to get our site into the HubSpot ecosystem so we can plug in everything else.”

AcclaimWorks

Dean Wheeler,

Co-Founder & CEO,

Easiest way to build a website

"The Sprocket Rocket app made it super easy to use the Sprocket Rocket theme to build a really nice website. The app is a much faster and simpler way to build pages than doing them from scratch in HubSpot. You lay them out in the app and they appear in your HubSpot CMS for fine-tuning and publishing."

Veylinx

Michael Bevan

Global Marketing Lead

Easy to use template to launch quickly!

“The Sprocket Rocket template has been great for us to quickly and easily design and build 2.0 website in-house. The app and HubSpot editor are intuitive and make the process hassle-free."

CivicServe

Alexandria McNutt

Sales Enablement Manager

What a great idea!

“The Sprocket Rocket App is the perfect complement to the Sprocket Rocket theme - makes building and maintaining a new website even easier!”

Inflexion Point

Bob Apollo

Founder

Your developers will thank you

“We use the platform to build our main website as well as many landing pages, and it allows non-technical users to create beautiful pages with relatively little effort, and more importantly, no assistance from your dev team.”

Zymewire

Max Cameron

Marketing & Director

Incredibly supportive customer service

“The interface and platform itself is smooth and has a great amount of features. What really impressed me the most was the responsiveness of the team to customer support inquiries. They personally email and reply to each one in an incredibly fast turn-around time. ”

Learning Leaders

Michael Hauge

Founder & CEO

Meet with Kevin Barber
Zoom

In this call, we will:

Explore Custom Solutions for Your Brand
Maximize Your Website's Impact with 160+ Modules
Enhance Team Collaboration and Efficiency.
Navigate Our Comprehensive Support and Resources

Every brand's journey to digital excellence is unique. In our conversation, we'll pinpoint where you stand and how Sprocket Rocket Pro can propel you forward. Discover the tools and strategies we recommend for your specific growth objectives.

Is the theme easy to customize?

Yes, we built Sprocket Rocket to be easy to use and customize. All the modules and templates leverage HubSpot's CMS and drag and drop functionality. You can make the exact page you want without having to worry coding (unless you really want to).

How easy is it to brand Sprocket Rocket PRO to my brand styles?

The theme settings within Sprocket Rocket PRO align to your brand guidelines. Just copy and paste your hex values for colors, select your brand fonts, and select font weights, sizes, and styles to ensure any page you create with PRO is on brand from the start.

Is Sprocket Rocket PRO responsive?

Yes, Sprocket Rocket PRO is responsive out of the box and optimized to look great on the most common screen sizes and resolutions.

If you want to dive deeper, most modules have individual settings for mobile responsiveness that you can customize on a case by case basis.

How do theme updates work?

Sprocket Rocket PRO is installed through our standalone Sprocket Rocket App. As we update and add modules, you will receive notifications that updates are ready. You can choose which modules to upgrade.

What support is offered, and how do I engage the support team?

You can reach out to our team any time at team@sprocketrocket.co when you have a support questions.

We aim to reply to all messages within 24 hours (if sent Monday - Friday during working hours).

Do you have a refund policy if I don't like Sprocket Rocket PRO?

Yes! We have a 30-Day "No Yay, No Pay" Guarantee. If you aren't 100% satisfied during your first 30 days using Sprocket Rocket PRO, just reach out to us and let us know you'd like a refund.

We'll send you 100% of your purchase cost.

Can I get the Figma Pattern Library in Sketch or Adobe XD?

Unfortunately, we only have our Pattern Library built in Figma at this time.

Why don't I see Sprocket Rocket PRO in HubSpot's theme marketplace?

Sprocket Rocket PRO contains more modules than HubSpot allows for themes in their marketplace.

PRO is installed in your HubSpot portal via our Sprocket Rocket App, which is listed in HubSpot's app marketplace.

Do you offer website migration services?

We do! If you want your current website built with Sprocket Rocket PRO on HubSpot CMS, check out our White Glove Website service.

Modules used to take hours.

Every Great Growth-Driven Design Project Starts With Strategy

A real builder. Not a toy.

The builder grew up.

Drag, drop, configure.

Say it. Ship it.

Three steps. Your theme.

Connect your theme

Describe the module

Preview, then publish

Get your website improvement plan.

Built with Sprocket Rocket:

160+ Modules to transform your website.

Why do people love using Sprocket Rocket?

Great theme - loving how easy it is to put the pages together

Easiest way to build a website

Easy to use template to launch quickly!

What a great idea!

Your developers will thank you

Incredibly supportive customer service

Unlock Your Website's Potential with Sprocket Rocket Pro

Schedule a demo to discover how.

In this call, we will:

FAQs

Is the theme easy to customize?

How easy is it to brand Sprocket Rocket PRO to my brand styles?

Is Sprocket Rocket PRO responsive?

How do theme updates work?

What support is offered, and how do I engage the support team?

Do you have a refund policy if I don't like Sprocket Rocket PRO?

Can I get the Figma Pattern Library in Sketch or Adobe XD?

Why don't I see Sprocket Rocket PRO in HubSpot's theme marketplace?

Do you offer website migration services?

No yay, no pay

Friendly folks, standing by

Modules used to take hours.

Every Great Growth-Driven Design Project Starts With Strategy

A real builder. Not a toy.

The builder grew up.

Drag, drop, configure.

Say it. Ship it.

Three steps. Your theme.

Connect your theme

Describe the module

Preview, then publish

Get your website improvement plan.

Built with Sprocket Rocket:

virtru.com

Virtru

hummingbird.co

Hummingbird

marktpos.com

MarktPOS

orum.io

Orum

1517.org

1517

zenpilot.com

ZenPilot

redapt.com

Redapt

quid.com

Quid

simpleconsign.com

SimpleConsign

160+ Modules to transform your website.

Why do people love using Sprocket Rocket?

Great theme - loving how easy it is to put the pages together

Easiest way to build a website

Easy to use template to launch quickly!

What a great idea!

Your developers will thank you

Incredibly supportive customer service

Unlock Your Website's Potential with Sprocket Rocket Pro

Schedule a demo to discover how.

In this call, we will:

FAQs

Is the theme easy to customize?

How easy is it to brand Sprocket Rocket PRO to my brand styles?

Is Sprocket Rocket PRO responsive?

How do theme updates work?

What support is offered, and how do I engage the support team?

Do you have a refund policy if I don't like Sprocket Rocket PRO?

Can I get the Figma Pattern Library in Sketch or Adobe XD?

Why don't I see Sprocket Rocket PRO in HubSpot's theme marketplace?

Do you offer website migration services?

No yay, no pay

Friendly folks, standing by