Add visual effects that will make your visitors sigh in just 5 minutes. No complicated setup, no headaches, no excuses.
Solo necesitas 3 pasos simples para tener partículas que harán que tu competencia se muera de envidia
Copy the link
Add Flux.js to your HTML with a simple script (easier than making coffee)
Create a container
A simple <div> where the most seductive particles will be born
Enjoy the magic!
Your particles are already working better than your Monday motivation
Recommended for conquering hearts - works instantly
___PROTECTED_BLOCK_11___
___PROTECTED_BLOCK_12___
___PROTECTED_BLOCK_13___
Copy this code and have particles more seductive than a sunset
___PROTECTED_BLOCK_14___
If you use tools like npm, webpack, bundlers and that kind of magic
___PROTECTED_BLOCK_15___
💡 Pro tip: Also works with yarn, pnpm and bun (we're polyglots)
___PROTECTED_BLOCK_16___
⚡ Compatible with: React, Vue, Angular, Svelte and any framework you can think of
For professional projects that need that irresistible touch
___PROTECTED_BLOCK_17___
Your website will look amazing with these particles
In less than 5 minutes you already have particles working on your website. Now let's see awesome examples you can use for inspiration...
Aquí tienes las 3 formas más comunes de usar Flux.js. Elige la que mejor se adapte a lo que necesitas
📚 Quick guide: Each option is designed for different needs. All super easy to implement!
Para que toda tu página tenga partículas de fondo espectaculares
___PROTECTED_BLOCK_18___
Para añadir partículas solo a una parte específica de tu web
___PROTECTED_BLOCK_19___
Para tener diferentes efectos en varias partes de tu web
___PROTECTED_BLOCK_20___
Descubre ejemplos listos para usar que harán que tu web luzca profesional
🎨 Ready inspiration: Each example includes complete code and an interactive demo. Just copy, paste and customize!
Elegant floating bubble effect perfect for backgrounds that captivate
___PROTECTED_BLOCK_21___
Connected particles that dance to the rhythm of your mouse like pure magic
___PROTECTED_BLOCK_22___
Hypnotic effect of particles spinning in a spiral with central gravity that will leave you in a trance
___PROTECTED_BLOCK_23___
Particles that change color dynamically with a trail effect that looks like it's from the future
___PROTECTED_BLOCK_24___
Sumérgete en todas las capacidades de Flux.js con nuestra demo interactiva que te dejará sin palabras
Flux.js piensa por ti con IA integrada que optimiza automáticamente cada detalle
🤖 Zero configuration: Flux.js AI detects your device, battery, connection and preferences. Everything works automatically without you having to do anything!
AI automatically detects battery level and adjusts performance. Your device will last all day!
AUTO_BATTERY_OPTIMIZATION: ON Automatically reduces particles when battery < 20%
Automatically recognizes multi-touch gestures and adapts to each device. Works great on tablets and phones!
TOUCH_DETECTION: ADVANCED Supports up to 10 simultaneous touches
Detects when you switch tabs and automatically pauses. Saves resources without you noticing!
VISIBILITY_API: ACTIVE Automatic pause when not viewing
Automatically respects user accessibility preferences. Works for everyone without exceptions!
PREFERS_REDUCED_MOTION: RESPECT Adapts to animation preferences
Advanced optimization algorithms with automatic WebGL and Canvas2D. 60 FPS guaranteed!
WEBGL_ACCELERATION: AUTO Automatic GPU/CPU optimization
Automatically detects errors and suggests smart solutions. Like having an expert 24/7!
SMART_DEBUG: ENABLED Automatic error analysis and solutions
🔥 Zero manual configuration: Flux.js detecta automáticamente tu dispositivo, ajusta el rendimiento, respeta tus preferencias y optimiza todo sin que tengas que tocar una sola línea de código. It's like magic, but better because it's real!
Para cuando quieras llevar Flux.js al siguiente nivel
🎛️ Advanced customization: Estas configuraciones te permiten afinar cada detalle de Flux.js. Change only what you need, the rest works automatically!
Estas son las opciones que puedes cambiar para crear efectos únicos. ¡Solo ajusta lo que quieras!
___PROTECTED_BLOCK_31___
💡 Pro Tip: Cambia solo las propiedades que necesites. El resto mantendrá valores optimizados automáticamente.
Estas funciones te permiten controlar las partículas dinámicamente. ¡Cambia todo en tiempo real!
___PROTECTED_BLOCK_32___
🚀 Pro Tip: Todos los cambios se aplican instantáneamente sin reiniciar la animación.
Experimenta en tiempo real y crea efectos únicos con nuestro generador inteligente
🧪 Free experimentation: Adjust each parameter and see changes instantly. When you find your perfect combination, copy the code and use it!
Ajusta cada parámetro y observa cómo cambia la magia en tiempo real
Toca para cambiar
Automatically generated code
___PROTECTED_BLOCK_33___
💡 Pro Tip: El código se actualiza automáticamente mientras juegas con los controles. ¡Experimenta sin miedo!
Desarrolladores de todo el mundo ya están creando magia con Flux.js
Programador Senior
"Impressive!"
Frontend Developer | React · Next.js
"Very good, the landing looks amazing!"
Frontend Developer | React
"I've been testing it and it's amazing! Thanks for your contributions 🚀"
Full Stack Developer
"Looks amazing, I'll surely use it in a project."
Full Stack Developer
"You're killing it bro 🔥 thanks for sharing your great creativity 🥳"
Senior Full-Stack AI Engineer
"✨🔭👀"
Frontend Developer
"Great, I'm gonna try it to see how it goes, thanks for sharing!"
Desarrollador Full Stack
"Really amazing 😮💨👌"
Software Engineer
"Wow🙌"
Frontend React Developer
"Very good, Pablo!"
Frontend/Game Developer
"Interesting thanks for sharing"
Software Engineer
"Excellent work!"
5.0 estrellas
12+ testimonios reales
100%
Satisfacción de usuarios
Comunidad activa
¿Ya usas Flux.js? ¡Únete a nuestra increíble comunidad de desarrolladores!
Flux.js es 100% open source y cualquier persona puede contribuir a hacerlo mejor
🌟 Comunidad abierta: Desde reportar bugs hasta crear nuevas features, ¡tu contribución hace la diferencia! Your experience level doesn't matter.
Something not working as it should? Help us fix it!
Got a great idea for Flux.js? Tell us!
Know how to code? You can help improve Flux.js!
Help make explanations clearer for everyone.
Create awesome examples that help others learn.
Help test that Flux.js works well on different devices.
Haz una copia en tu cuenta de GitHub
Para organizar tus cambios
Programa tu mejora y pruébala bien
Crea un Pull Request para que lo revisemos
¿Primera vez contribuyendo? ¡Genial! Busca issues etiquetados como:
Todos los contribuidores son reconocidos y valorados. Tu nombre aparecerá en:
README.md
Release Notes
Contributors Page
Full Stack Developer with a bit of craziness 🤪 for creating tools that make users say "WOW!" I created Flux.js because static backgrounds make me sleepy 😴 and I wanted something that makes particles dance all over the screen ✨
Si este proyecto te ha robado el corazón ❤️ (y algunos cafés ☕), considera invitarme a una pizza 🍕 para seguir creando cositas geniales que hagan que la web sea más divertida
Tu apoyo me ayuda a seguir desarrollando herramientas útiles y gratuitas para la comunidad
