Apple Grid View
Grid View is a canvas-powered, Apple-Watch-style gallery: the center pops, edges fall off smoothly.
Make it with Workshop
Build your own component with AI
Grid View is a canvas-powered, Apple-Watch-style gallery: the center pops, edges fall off smoothly.Highly customizable: hex/rect layout, sizing falloff, rounded/circle shapes, fit modes, physics tuning.Fast on 60–240 Hz: single canvas render, frame-rate-independent motion, culling for tiny items.Great for project previews, portfolios, moodboards, and playful media browsers.
Complexity & performance
Complexity: Medium. The component hides a fair bit of math (grid building, paraboloid scaling, frame-rate-independent physics), but the surface area is simple—images in, controls out.
Performance: High. It draws on a single <canvas> (no thousands of DOM nodes) and caps device-pixel-ratio internally for perf. Works smoothly on high-refresh monitors and 60 Hz devices.
