MOTIONSTASH
All components

Browser Chrome

Product & UI

A browser window assembles piece by piece, types a URL into the address bar, then resolves a shimmering skeleton into a finished page

Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
Browser Chrome — A browser window assembles piece by piece, types a URL into the address bar, then resolves a shimmering skeleton into a finished page

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

browserwindowchromeurltypingskeletonproduct shotui mock
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/browser-chrome.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A browser window mock, drawn rather than screenshotted: traffic-light dots, one tab with a favicon square and a title, a rounded address bar with a padlock. Scale the window up gently from 0.96, type a URL into the bar character by character with a caret, then cross-fade the page area from a shimmering skeleton into a synthesised page — heading, two columns of text rules, one accent button. Keep every corner radius and hairline exact.