Uniform grid
4 → 3 → 2 → 1 columns as container narrows. Tiles cascade in with stagger.
.gallery-grid.lsd-frame--shadowed.lsd-aspect--1-1.lsd-img--zoom-hover.lsd-fx--scale-in.lsd-fx--stagger-childrenSix image-forward patterns — uniform grid, masonry, lightbox, snap-carousel, before/after slider, and infinite feed.
4 → 3 → 2 → 1 columns as container narrows. Tiles cascade in with stagger.
.gallery-grid.lsd-frame--shadowed.lsd-aspect--1-1.lsd-img--zoom-hover.lsd-fx--scale-in.lsd-fx--stagger-childrenVariable aspect ratios flow in CSS columns. 4 → 3 → 2 → 1 columns by container width.
.gallery-masonrycolumn-count.lsd-aspect--*Thumbnail grid; click opens overlay. Prev/next arrows + close button. Pure CSS open/close via data-lightbox-open.
.gallery-lightbox.lsd-frame--magazine.lsd-aspect--16-9.lsd-fx--scale-inHorizontal scroll with snap points. Arrows scroll by one item.
.gallery-carouselscroll-snap-type.lsd-frame--polaroid.lsd-aspect--4-3.lsd-btn--iconDrag the handle to reveal. Updates --lsd-slider CSS var (0 → 1). Uses clip-path: inset().
.gallery-ba.lsd-aspect--16-9.lsd-frame--shadowed--lsd-sliderImage-left, text-right cards. "Load more" appends 4 with staggered slide-up. Stacks under 560px.
.gallery-feed.lsd-aspect--1-1.lsd-frame--shadowed.lsd-chip.lsd-fx--slide-up.lsd-fx--stagger-childrenHow Aurora replaces tween-juggling with a track-based timeline.
Components read role from context; colour comes from surface.
Why we ditched @media for layout.
Visual wiring for trigger → action → target.
Resizing snaps to the next token, not the next pixel.
One package, three audiences — humans, AI, framework-agnostic.









How Aurora replaces tween-juggling with a track-based timeline.