Skip to content

Headers

Headers control your site’s navigation and branding.

Generator includes multiple header styles: standard, multi-level dropdowns, mega menus, and scrolling navigation and special headers for your HubSpot landing pages — all fully customizable inside HubSpot’s drag-and-drop editor.

standard-header
Standard Header
Build a full-featured navigation bar with multi-level dropdowns, giving visitors quick access to every part of your HubSpot site.
mega-menu-1
Mega Menu
Showcase links, sections, and featured content in a large, organized dropdown — perfect for sites with lots of pages or resources.
landing-page-header-1
Landing Page Header
Use a focused header designed for landing pages, keeping attention on your offer and driving conversions without distractions.
header-scroll-1
Scroll to Section Header
Guide visitors through long pages with a smooth scrolling header that jumps directly to key sections.

Sections

Sections are premade layouts you can drag and drop onto any HubSpot page.

From hero areas and feature highlights to content blocks and CTAs, each section is fully customizable with Generator’s editor, making it easy to design polished pages fast.

section-website-hero-1
Website Hero Sections
Start every page strong with full-width hero layouts designed to grab attention and introduce your brand or offer.
section-landing
Landing Page Hero Sections
Kick off landing pages with focused hero blocks that pair headlines, supporting text, and CTAs to drive conversions.
section-feature
Feature Sections
Highlight products, services, or benefits in flexible feature layouts that make it easy to show what sets you apart.
section-content
Content Sections
Present text, images, and resources in clean, structured layouts that keep your content organized and easy to digest.
section-cta
CTA Sections
Guide visitors toward action with attention-grabbing call-to-action layouts built to increase clicks, leads, and sales.

Modules

With Generator’s drag-and-drop system, you can easily add and customize modules to design every part of your HubSpot website—no coding needed.

From forms and CTAs to sliders, galleries, and beyond, each module is premade, fully customizable, and built to work seamlessly in HubSpot.

accordion

Accordion

Display collapsible sections of content so visitors can expand details without overwhelming the page.
aurora

Aurora Text

Add vibrant gradient effects to your headlines or text blocks to make key messages stand out.
animated-image

Animated Images

Bring images to life with smooth entrance animations that capture attention as users scroll.
animated-stats-1

Animated Stats

Showcase statistics or metrics with engaging number animations to highlight your results.
animated-text

Animated Text

Animate headlines or text snippets as they appear on screen to add movement and energy.
gradient-bg

Multi-Gradient Background

Apply layered gradients behind sections for dynamic background effects without custom code.
blog-posts

Blog Posts

Feature your latest HubSpot blog posts in a clean, styled layout that auto-updates as you publish.
calendar

HubSpot Calendar

Embed a HubSpot meeting calendar so visitors can instantly book calls without leaving the page.
card-flip

Card Flip

Add interactive cards that flip on hover to reveal more information or secondary content.
card-group

Card Group

Organize multiple cards in a responsive grid with titles, images, and calls to action.
card-slider

Card Slider

Display cards in a swipeable carousel, perfect for highlighting multiple offers or case studies.
cta

CTA Card

Promote offers with bold headline cards and customizable calls to action that drive clicks.
compare

Comparison Table

Present pricing or feature comparisons side by side in a clear, structured table layout.
content-slider

Content Slider

Rotate through different content panels in a slider format to maximize limited space.
content-tabs

Content Tabs

Divide content into tabs that users can switch between for quick access to information.
countdown

Countdown Timer

Add urgency with a countdown clock that ticks down to a launch, sale, or event.
dtr

Dynamic Keyword Insertion

Swap text dynamically to match ad keywords, boosting relevance and conversion rates.
image-grid

Image Grid

Display a responsive gallery of images in a clean, customizable grid layout.
map

Map

Embed an interactive map with customizable pins to show office locations or service areas.
lottie

Lottie Animation

Add lightweight JSON animations that scale beautifully and load fast on every device.
parallax-1

Parallax

Create depth by animating background images that move at a different speed than the content.
pricing

Pricing Table

Highlight pricing tiers and features in a flexible, easy-to-read table layout.
timeline

Scrolling Timeline

Showcase company milestones or process steps in a visually engaging vertical timeline.
sticky

Sticky Content Scroller

Pin content while scrolling so key text or visuals stay visible alongside the page.
testimonial

Testimonials

Build trust with customer quotes presented in a styled testimonial slider or grid.
typewriter

Typewriter

Animate text with a typewriter effect to emphasize key phrases or headlines.
video

Video

Embed videos with flexible sizing and controls to showcase your brand or content.
video-bg

Video Background

Use looping background video to add energy and movement to any section.
video-popover

Video Popover

Trigger videos to open in a pop-up overlay so visitors stay on the same page.
video-slider

Video Slider

Display multiple videos in a swipeable slider layout for easy browsing.