炫彩涡流

A wavy, swirly, vortex background ideal for CTAs and backgrounds.

注意: This component requires simplex-noise as a dependency.

通过 CLI 安装

npm

pnpm

bun

yarn

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

npm

pnpm

bun

yarn

npm install simplex-noise

复制并粘贴以下代码：

Vortex.vue

Full page demo usage

Prop 名称	类型	默认值	描述
`class`	`string`		Optional className for styling the children wrapper.
`containerClass`	`string`		Optional className for styling the container.
`particleCount`	`number`	`700`	Number of particles to be generated.
`rangeY`	`number`	`100`	Vertical range for particle movement.
`baseHue`	`number`	`220`	Base hue for particle color.
`baseSpeed`	`number`	`0.0`	Base speed for particle movement.
`rangeSpeed`	`number`	`1.5`	Range of speed variation for particles.
`baseRadius`	`number`	`1`	Base radius of particles.
`rangeRadius`	`number`	`2`	Range of radius variation for particles.
`backgroundColor`	`string`	`"#000000"`	Background color of the canvas.

Slot Support: Easily add any content inside the component using the default slot.

本页