Rainbow Button

A rainbow effect on button.

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/rainbow-button.json"

Install Manually

Copy and paste the following code

RainbowButton.vue

API

Prop NameTypeDefaultDescription
classstring""Additional CSS classes to apply to the button.
isstring"button"The HTML tag to render for the component.
speednumber2Duration of the animation in seconds.

Credits

Interactive Hover Button
A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.
Ripple Button
A stylish ripple button component with customizable colors and animation duration.