Features Grid

Features Grid

An animated features section where a progress line walks through each feature automatically.

Show your product’s key features in a clean grid, with a thin progress line that fills as each feature takes the spotlight and then moves to the next. Visitors can also click any card, or press Enter or Space on it, to jump straight to it. Drop it in, add your features, and match it to your brand with colors and fonts.

Features

• Auto-advancing progress line with an adjustable time per feature

• Click or keyboard to jump to any feature

• Pauses when scrolled out of view, so nothing plays unseen

• Smooth staggered entrance animation that plays once

• 1 to 6 columns, with the line at the top or bottom of each card

• Customize active, text, label, line and track colors

• Full font control for label, title and description

• Adjustable gap and padding

• Add as many features as you like

• Respects reduced-motion settings

• Calm, static preview in the Framer editor

Great for: SaaS and app landing pages, product feature sections, portfolios and agency sites.

🔄 Refund Policy

Due to the digital nature of this product, all purchases are final and non-refundable.

If you experience any issues or need help integrating the component into your Framer project, feel free to reach out. I'll be happy to help you get everything running smoothly.

❓ Questions & Support

Free lifetime updates and email support are included with every purchase.

If you have any questions, feel free to email me or connect with me on LinkedIn.

You can also visit Integry to explore more Framer templates and components.

I'm always happy to help with installation, customization, or any questions you have about the component.

🚀 Setting Up

Need help setting up your website or integrating this component?

Just send me an email or connect on LinkedIn, and I'll help you get everything running perfectly in your Framer project.