Mega Menu Pro, our best-selling module on the HubSpot Marketplace, is now on the Framer Marketplace as a code component for $50. Resource Library Pro, Hero Banner Pro, ROI Calculator Kit and Comparison Table Kit are live beside it. Each one is a module we already sell for HubSpot, rebuilt for Framer, with a preview site that shows the demos and the full setup guide.
An agency that runs one client on HubSpot and the next on Framer can now use the same mega menu, resource library, hero, calculator and comparison table on both. The Framer versions keep the behaviour of the HubSpot modules. A menu structure, a set of resource filters or a plan comparison that a client approved on one platform can be built the same way on the other.
That matters most at handover. A team that knows the HubSpot module already knows the Framer component. The client sees the same navigation and the same interactions on either platform.
The components are written as Framer code components and set up from the properties panel. Every option sits in that panel, so a designer changes colours, type, spacing and content without opening the code.
They use what Framer already provides. Fonts come from Framer's font picker, icons come from the Phosphor and Feather sets, and forms, search and localization run on Framer's own features. Menus, filters, toggles and drawers work with a keyboard and with screen readers.
One licence covers unlimited personal and client sites. You receive a component link and paste it into your Framer project.
A navigation bar with dropdowns, wide mega panels, product carousels and embedded forms. The real estate demo uses a dark preset with a gold accent and two buttons in the bar. Its mega panels carry featured blog posts with images and a valuation form in the sidebar. The default configuration shows a SaaS menu with an icon on every submenu item and a "New" badge on one of them.
A filterable, searchable library for guides, reports, templates and checklists. Visitors filter by category, type into a live search and switch between grid and list views. Cards can carry Gated and Free badges and thumbnails, and a detail drawer shows more about each resource. The preview shows the same component as a monochrome developer hub with border-only cards and as a warm editorial collection with rounded filter pills.
A hero section with a solid colour, gradient, image or video background. Each background has overlay control, so the headline stays readable. Slides stack into a carousel, and each slide has its own background, copy, buttons, form and countdown. A Framer form can sit below the copy or beside it as a card, and a countdown runs to a launch, sale or event in the visitor's time zone. Breakpoints follow the component's own width, so the layout responds to the space the hero sits in.
An interactive calculator built in the properties panel. Sliders, number fields, dropdowns and toggles feed your own formulas. Results count up as visitors change the inputs, and visitors can copy a link that keeps the values they entered. Later results can use earlier ones. In the content marketing demo, posts and traffic give visitors, visitors give leads, and leads and cost give the net gain and the ROI.
Plan and feature tables with a monthly and yearly billing toggle, collapsible categories, tooltips on rows, a sticky header and a highlighted plan with a badge. The same component also runs as a plain two-column comparison with the toggle and badges turned off. Another demo uses it as a wide hosting table with categories folded on load.
Each preview on studionope.framer.website has live demos and the full guide. The previews are Mega Menu Pro, Resource Library Pro, Hero Banner Pro, ROI Calculator Kit and Comparison Table Kit.
The product pages on studionope.com now offer the Framer version next to the HubSpot module, so a team buying for both platforms finds them in one place.
Browse the components on the Framer Marketplace. The listings are Mega Menu Pro, Resource Library Pro, Hero Banner Pro, ROI Calculator Kit and Comparison Table Kit. The studionope.com product pages show the HubSpot version and the Framer link together, at Mega Menu Pro, Resource Library Pro, Hero Banner Pro, ROI Calculator Pro and Comparison Matrix Pro.