Scroll Reveal

Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/scroll-reveal

Files

• components/motion/scroll-reveal.tsx
• lib/ease.ts
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Reveal Wrapper Components
• React Reveal Wrapper Components
• Tailwind CSS Reveal Wrapper Components
• Animated Reveal Wrapper Components

More from beUI

• Chromatic Text Reveal
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert
• Animated Badge