Browser Mockup
Browser window frame for product screenshots.
- 0.5 KB gzipped
- Zero dependencies
- Reduced-motion safe
- Base UI & Radix compatible
Preview
velora.dev
Your product here
Installation
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/browser-mockup.jsonAdds components/velora/browser-mockup.tsx.
Props
| Prop | Type | Default |
|---|---|---|
url | string | "velora.dev" |
children* | React.ReactNode | — |
Also accepts every <div> attribute, forwarded to the root element.
Accessibility
- Reduced motion
- Static; no animation.
- Keyboard
- Decorative — nothing to operate.
- Screen readers
- The URL text is read as plain text, then the children; the window dots are empty.