The DynamicGridCarousel adds a highly customizable, animated multi-row card slider to your Framer projects. Drop it into a hero section, a portfolio grid, or a product showcase to let visitors glide through your content seamlessly. Choose your layout configuration, fine-tune the scrolling speed, and enjoy a fully responsive grid structure that scales perfectly across all screen sizes.
What it does Renders a multi-row horizontal layout that automatically loops your content cards with fluid, continuous motion. It handles interactive hover physics by slowing down or pausing when users engage, supports direct drag to scroll, and implements smooth entrance animations. The component dynamically calculates card gaps and dimensions, keeping your content perfectly aligned while supporting custom badges and counter indicators for every item.
What you can customize Layout and Motion: Number of rows, individual card width and height, precise gap spacing, base scrolling speed, and speed multipliers for custom pacing.
Interactions: Toggle pause on hover, enable or disable mouse wheel control, turn on drag to scroll, and pick from entrance styles like fade or slide.
Styling and Colors: Outer border radius, solid card background colors, custom overlay gradients for text readability, and independent badge and text coloring.
Item Content: Total item count, custom badge visibility, content counter toggles, shimmer loading effects, custom hover glow states, and global or individual redirect links that can open in a new tab.
Great for Client testimonial walls and review sections
Brand logo marquees and partner highlights
Portfolio case studies and project grids
Product features or integration showcases
Media galleries and photography streams
Share your build If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.
Need help? Questions or feedback?
Reach me anytime: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase,
please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately.
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.