Sharing a free component: Product Grid Controller 🎛
I kept seeing this "click to change grid columns" interaction in premium templates and couldn't find a free version anywhere. The plugin that had it was paywalled, so I built my own from the ground up as a proper reusable code component.
What it does:
— Lets visitors switch your product/collection grid between 1–4 columns on click
— Comes with a choice of animation styles: smooth position-based reflow, fade, or fade+slide
— Fully reusable: point it at your own grid via its exact element ID, no hardcoded assumptions about your project's structure
— Doesn't touch your styling — colors, typography, layout stay entirely yours, it only ever manages the column logic
Worth mentioning: it went through two rounds of Community review before landing here. Both times the feedback was about scoping — making sure the component could only ever affect the exact element you point it at, nothing broader on the page. Genuinely made it a better, safer component, and I'd rather ship it right than ship it fast.
Free for the next 7 days, then it becomes a paid component. Would love feedback if you try it, and happy to answer questions about how it works under the hood.
Link Below 👇