Skip to content
Marketplace Assests

 Smart Animated Cards Documention

1. Introduction (Overview)

Smart Animated Cards lets you showcase multiple cards with bold oversized hover text or numbers. Add icons optionally, choose two-column or full-width layouts, and customize corner radius, spacing, and styles. Fully responsive and interactive for a dynamic, modern presentation.

2. Key Features

  • Multiple Cards: Add more than one card to showcase content.
  • Oversized Text & Numbers: Display bold text or numbers on each card.
  • Clickable Cards: Add heading, description, and make the full card clickable.
  • Custom Layout Widths: Choose full-width or custom-width layout sections.
  • Custom Card Height:  Set the card height as needed.
  • Fully Customizable: Adjust spacing, colors, fonts, buttons, and ribbon styles.
  • Responsive Design: Works perfectly on desktop, tablet, and mobile devices.

3. Installation – Downloading the Module from HubSpot Marketplace

  • Log in to your HubSpot account.
  • Go to the Marketplace from the main navigation menu.
  • Search for your module by name.
  • Find the module in the results and click Install.
  • If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

  • Open your HubSpot page editor.
  • Click on Add Module.
  • Search for your module by name.
  • Drag and drop the module into the desired section of your page.

  • Smart Animated Cards lets you showcase multiple cards with bold oversized hover text or numbers. Add optional icons, choose two-column, full-width, or 2–3 box layouts, and customize corner radius, spacing, and styles. Fully responsive and interactive for a modern, dynamic display.

     
     
     
     
     

5. Module Settings Guide

1. Content Tab 

  • Add Multiple Cards: Easily add or update as many cards as you need.
  • Flexible Text & Number Options: Use text, numbers, or both inside each card.
  • Custom Card Colors: Select separate colors for each cardhover and non-hover states.
     

Group 1000002164

2. Style Tab

  • Module Width: Choose full width or custom width.
  • Cards per Row: Display 1, 2, 3, or 4 cards per row.
  • Column Gap: Adjust spacing between columns.
  • Title, Description & Icon: Customize color, font size, and line height.
  • Card Height: Set minimum or fixed height for cards.
  • Card Spacing: Control spacing between individual cards.
  • Fully Customizable - Adjust card colors, typography, shadows, and spacing.

Group 1000002159

6. Examples / Demo Preview

View the module in action:https://www.modfrybus.shop/smart-animated-cards

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!