Blur In

Name: Passport UI
Author: Praveen Thirumurugan

A component that reveals content with a blur-in animation.

Import the component from the passport-ui package.

components/example.tsx

1import { BlurIn } from "passport-ui";

Basic example showing how to use the component.

components/example.tsx

1<BlurIn>
2  <h1>This text will blur in</h1>
3</BlurIn>

Documentation and examples are available in Storybook.