Animated Border

display

Component with an animated gradient border effect for highlighting cards or CTAs.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { AnimatedBorder } from "@launchapp/design-system";

Examples

Animated border card

<AnimatedBorder>  <div className="rounded-xl bg-background p-6">    <h3 className="font-semibold">Featured</h3>    <p className="text-sm text-muted-foreground">Highlighted with an animated border.</p>  </div></AnimatedBorder>

Props

PropTypeDefaultDescription
children*
React.ReactNode—Content inside the border.
className
string—Additional CSS classes.
← PreviousAnimated Background
Next →Animated Height