component
Apple Grid View
By Otvos
Details
- OtvosAuthor
- componentType
- 2025-09-17Published
- 2026-07-31Updated
- 2025-09-10Added
- GalleriesCategories
Summary
Apple-Watch-style gallery
Description
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 (no thousands of DOM nodes) and caps device-pixel-ratio internally for perf. Works smoothly on high-refresh monitors and 60 Hz devices.
Introduction
Apple-Watch-style gallery
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3678