Skip to content

component

Apple Grid View

By Otvos

Details

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.

12001400147858/148/228/309/79/15
  • All · #3678