Carousel

A scroll-snap carousel of six identically shaped island cards — Now Playing, Timer, Activity, Weather, Battery, Voice Memo — where arrows, dots, keyboard, and drag all land on the browser's own snap targets, and each card resolves from a skeleton the first time it snaps into view.

A true 3D perspective ring carousel — six landscape photographs on a rotating cylinder built from `perspective` + `rotateY` + `translateZ`, spun by grab-and-drag (mouse and touch) with lerp-smoothed inertial momentum, radius solved with trigonometry and recomputed on resize.

A tabbed photo carousel on smoky glass: five places listed beside a rounded preview that fades in the direction of travel with a soft zoom settle, over a still fluted-glass field, with arrow-key tabs, hover selection and an autoplay pause.

An asymmetric quad layout — four differently sized panels: an oversized hero, a nested stat/goals/spark trio, an avatar feed with captioned media, and a checkbox task panel. Skeleton wireframes driven by design tokens, reflowing from a 2×2 grid to a single column, mobile-first.

Square social icon buttons with a 3D flip animation on hover — each icon sits in a rounded-square button that inverts its background and rotates the icon 360 degrees via a rotateY transform, fully token-driven and design-system agnostic.

A premium model training-status popover: a gradient progress ring with live percentage count-up, a running status badge with pulsing dot, an epoch segment strip with ETA, live loss/accuracy/step metric tiles and pause / view-logs actions, revealed from a trigger with staggered entrance.