Sparkles

A configurable sparkles component that can be used as a background or as a standalone component.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/sparkles.json"

复制并粘贴以下代码：

Sparkles.vue

Sparkles Full Page

Prop 名称	类型	默认值	描述
`background`	`string`	`'#0d47a1'`	Background color of the container. Use 'transparent' to see through to parent element.
`particleColor`	`string`	`'#ffffff'`	Color of the particles. Accepts any valid CSS color value.
`minSize`	`number`	`1`	Minimum size of particles in pixels.
`maxSize`	`number`	`3`	Maximum size of particles in pixels.
`speed`	`number`	`4`	Movement speed multiplier. Higher values create faster movement.
`particleDensity`	`number`	`120`	Number of particles to render. Higher values create denser particle fields.

本页