Librería curada de efectos CSS de alto nivel. Personaliza en vivo y copia el código puro.
CSSReel no es solo una lista de animaciones; es una herramienta de ingeniería visual. Cada efecto ha sido diseñado para ser liviano, modular y libre de dependencias.
- Editor en Vivo: Cambia colores, velocidades, tamaños y radios de borde con sliders quirúrgicos.
- Sin Dependencias: Todo funciona con código estándar que puedes pegar en cualquier proyecto (React, Vue, HTML estático).
- Matemáticas Precisas: Animaciones basadas en cinemática fluida, morphing de bordes y efectos de distorsión digital.
He preparado un desglose completo de la arquitectura y la matemática detrás de cada efecto (como el Glitch, Liquid Metal y Glassmorphism).
👉 Leer Documentación Técnica Explicita (DOCUMENTATION.md)
| Categoría | Descripción Técnica |
|---|---|
| Loaders | Animaciones de carga optimizadas para GPU. |
| Metallic | Gradientes dinámicos y brillos cromados. |
| Neon | Efectos de tubos de neón con parpadeo realista. |
| Glitch | Distorsión cromática y ruido digital matemático. |
| Interactive | Botones con respuesta física y transformación 3D. |
| Glassmorphism | Transparencias con desenfoque de fondo avanzado. |
- Clona el repo:
git clone https://github.com/andrewavilan-work/CSSReel.git
- Abre el archivo:
Simplemente haz doble clic en
index.html. No requiere servidor, compilación ninpm install.
Desarrollado con enfoque en el detalle técnico y la estética senior por Andrew Avilan.
- GitHub: andrewavilan-work
- LinkedIn: andrewavilan