For Tailwind CSS v3 docs, click here.

Rainbow Button

A rainbow effect on button.

通过 CLI 安装

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

手动安装

复制并粘贴以下代码：

RainbowButton.vue

API

Prop 名称类型默认值描述
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.

感谢

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.