For Tailwind CSS v3 docs, click here.

Radiant Text

A glare effect on text.

通过 CLI 安装

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

手动安装

复制并粘贴以下代码：

RadiantText.vue

API

Prop 名称类型默认值描述
durationnumber10Duration of the animation in seconds.
radiantWidthnumber100Width of the radiant animation.

感谢

  • Credits to Magic UI for this fantastic component.
数字增长
向上或向下计数到目标数字的数字动画。
闪烁字
A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.