Container Scroll
Screenshot panel that rotates flat as it scrolls into view.
- 0.8 KB gzipped
- Deps: motion/react
- Reduced-motion safe
- Base UI & Radix compatible
Preview
Your screenshot
Installation
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/container-scroll.jsonAdds components/velora/container-scroll.tsx, installs motion and merges the keyframes and tokens into your CSS.
Props
| Prop | Type | Default |
|---|---|---|
headerHeadline area above the panel | React.ReactNode | — |
children* | React.ReactNode | — |
className | string | — |
Accessibility
- Reduced motion
- A CSS override keeps the panel flat and the header in place: no 26° tilt, no scale, no scroll offset.
- Keyboard
- Decorative — nothing to operate.
- Screen readers
- Plain wrapper divs; the header and children pass through unchanged.