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 đ