OpenOpen playground

ComponentReact TSXUI TripledMIT

Mood Gradient Button

Button with background gradient that shifts based on hover angle

Installnpx shadcn@latest add @uitripled/mood-gradient-button-shadcnui

Loading live preview…

License

MIT license: free to use, change and ship in personal and commercial projects. Keep the copyright notice in your project.

License text ↗Original source ↗

Needs npm: framer-motion, react

More from UI Tripled

REACT
Select Full screen
UI Tripled · Component
AI Response Typing Stream
REACT
Select Full screen
UI Tripled · Component
AI Unlock Animation
REACT
Select Full screen
UI Tripled · Component
Animated Accordion
REACT
Select Full screen
UI Tripled · Component
Animated Card Stack
REACT
Select Full screen
UI Tripled · Component
Animated Card Stack
REACT
Select Full screen
UI Tripled · Component
Animated Checkbox
REACT
Select Full screen
UI Tripled · Component
Animated Dialog
REACT
Select Full screen
UI Tripled · Component
Animated List