HubSpot with React Module

HubSpot With React Module

A VS Code extension that instantly generates full HubSpot React module boilerplate including index.jsx, fields.jsx, and module.css. Ideal for developers building HubSpot CMS React-based modules with speed and consistency.

Features

• Create a full HubSpot React module in seconds
• Automatically generates:
  • index.jsx
  • fields.jsx
  • module.css
• Included all HubSpot field types to serve as a reusable developer reference for faster module creation.
• Clean folder structure for scalable projects
• Smooth developer experience
• Ideal for HubSpot CMS React-based themes

Installation

Search for "HubSpot with React Module" in the VS Code Extensions marketplace and install it.

Usage

🚀 How to Use This Extension

Follow the steps below to generate a complete HubSpot React module instantly.

1. Open Your Project Folder

Make sure your HubSpot React theme is opened in VS Code.
Your structure should look similar to:
src/theme/my-theme/components/modules/

2. Open the Command Palette

Press:
Windows: Ctrl + Shift + P
Mac:Cmd + Shift + P

3. Run the Extension Command

Search for: Create HubSpot with React Module

4. Enter Your Module Name

Example: HeroBanner
Press Enter.

5. Your Module Is Generated Automatically 🎉

The extension creates a full module folder here:
src/theme/my-theme/components/modules/HeroBanner
Everything is ready to use—simply customize the fields, remove unnecessary files that you don't want, and markup to match your design.

🎉 That’s It!

Your HubSpot React module workflow is now automated and super-fast.
Happy building!

Support

If you enjoy this extension, please rate it ⭐ on the VS Code Marketplace!

For bugs or new features, submit an issue.