Built to scale

Built to scale is a scroll animation in the UI HUB scroll animations collection. A scroll-triggered media frame expansion effect. Starts as a centered, rounded frame with a title overlay. As you scroll, the frame expands to full viewport, corners sharpen, title fades out, and overlay content fades in.

The component is driven by 20 documented props (src, mediaType, poster, alt, title, scrollHint and 14 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: ResizeObserver; requestAnimationFrame; smoothstep easing.

Preview the scroll animation in the browser above, copy the source, and paste it into your project. Scroll Animations components in UI HUB are grouped by category so you can compare effects side by side before choosing one.