Animated Background

A component for creating animated, gradient backgrounds.

Installation

Import the component from the passport-ui package.

components/example.tsx
1import { AnimatedBackground } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1<AnimatedBackground
2 className="h-64 w-full"
3 colors={["#ff6b6b", "#4ecdc4", "#45b7d1"]}
4/>

Additional resources

Documentation and examples are available in Storybook.