Components

Gradient Background

An animated gradient background component with smooth color transitions and customizable timing.

Loading

Installation

pnpm dlx shadcn@latest add @toui/gradient-background

Examples

Dark

Loading

API Reference

This component is built using Motion primitives and includes the following custom props:

GradientBackground

PropTypeDefault
className string
transition Transition{ duration: 10, ease: 'easeInOut', repeat: Infinity }

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.