流星背景

A stunning animated starfield background with glowing and sharp trail effects.

通过 CLI 安装

npm

pnpm

bun

yarn

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

复制并粘贴以下代码：

FallingStarsBg.vue

Prop 名称	类型	默认值	描述
`color`	`string`	`"#FFF"`	Color of the stars in the starfield.
`count`	`number`	`200`	Number of stars displayed in the animation.

Dynamic Starfield: Creates a 3D starfield effect with stars moving toward the viewer.
Glowing and Sharp Trail Effects: Each star has a sharp line and a blurred, glowing trail.
Customizable: Adjust the color of the stars and control the number of stars using the count prop.
Responsive Design: Automatically adapts to the size of the canvas, ensuring a full-screen starfield effect.

Inspired by 3D starfield simulations and trail effects in modern canvas animations.
Credit to Prodromos Pantos for porting the original component to Vue & Nuxt.

本页