Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Website

Gradient Background

ui

A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.

Open in
Save

Installation

Copy and the paste the following command into your terminal.

Examples

Gradient Background Demo

(gradient-background-demo)

ui

Demo showing an animated gradient background.

View

https://shadcnregistry.com/preview/animate-ui/gradient-background-demo