E-Commerce Product Grid
A whole catalogue, perfectly arranged.
Gridly lays out large product collections with a single line of CSS Grid — a responsive multi-column layout that re-flows to fit any screen, with no media queries doing the heavy lifting.
16 products · 1 grid rule · 0 media queries
Featured products
One grid. Every screen size.
Filter, sort, and switch density — the columns re-flow automatically because
the layout is repeat(auto-fill, minmax(240px, 1fr)).
▦
Truly responsive grid
Columns re-flow with zero breakpoints.
⚡
Instant filter & sort
Re-renders the grid client-side.
♡
Wishlist & cart
Both saved in localStorage.
0kb
No frameworks
Plain HTML, CSS and JavaScript.
16products in the grid
04connected pages
3density modes
₹449starting price
Ready to fill your cart?
Browse the full grid, save favourites, and check out in under a minute.
Shop all products