Effects lab

Host visual language on closed surface tokens. Motion is progressive enhancement; reduced-motion is respected.

Entrance

Staggered reveal via IntersectionObserver on surface=card.

Hover lift

Pointer-driven elevation on cards.

Focus ring

Engine data-keel-focused IR on TextField/Button.

View transitions

Optional document.startViewTransition on internal nav.

Sticky nav

surface=nav with backdrop blur.

Mesh atmosphere

Host decorative layer — not layout SSOT.

Native field + focus

TextField is UiKind. Dom emits textarea; focus styles follow engine focused IR + host CSS.

Built with Keel | UiNode | data-keel-layout | data-keel-surface | path /effects