Dev Design Library

Stripe Animated Gradient

Recreate the iconic animated gradient from Stripe with this seamless background animation component.

Stripe Animated Gradient preview
Library
Badtz UI
Framework
React
Type
ui
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://badtz-ui.com/r/stripe-animated-gradient.json
Files
  • registry/new-york-v4/ui/stripe-animated-gradient.tsx
  • registry/new-york-v4/ui/stripe-shader.js
Source
https://github.com/badtzx0/badtz-ui

Categories

More from Badtz UI