A Vue 3 component for adding a snowfall effect to your application.
npm install vue3-snowfallbash
npm install vue3-snowfall
o
yarn add vue3-snowfall
``
---
🧩 Uso básico
`vue
`
Esto mostrará un efecto de nieve cayendo sobre toda la pantalla ❄️
---
⚙️ Props disponibles
| Prop | Tipo | Default | Descripción |
| ---------------- | ---------- | ------- | ------------------------------------------------------------------------------ |
| snowflakeCount | number | 150 | Número de copos de nieve visibles. |
| speed | number | 1 | Velocidad general de caída. |
| size | number | 10 | Tamaño máximo de cada copo. |
| images | string[] | [] | Permite usar imágenes personalizadas como copos. Ej: rutas a .png o .webp. |
| color | string | #fff | Color de los copos si no se usan imágenes. |
| opacity | number | 1 | Transparencia general del efecto. |
---
🎨 Ejemplo con imágenes personalizadas
`vue
:images="[snowflake1, snowflake2]"
:snowflakeCount="100"
:speed="1.2"
:size="15"
/>
`
---
🧠 Recomendaciones
* Coloca el componente dentro del layout o en la raíz de tu aplicación para un efecto global.
* Puedes superponerlo con otros elementos sin afectar su interacción (pointer-events: none` ya está aplicado).