Entradas
fade, zoom, blur, flip, pop y reveal para títulos, tarjetas e imágenes.
UI · CSS PURO · SIN DEPENDENCIAS
Animaciones con una sola clase.
Entradas suaves, cargadores, avisos y efectos hover que hacen que un sitio se sienta cuidado. Agregas una clase, o un atributo para que aparezca al hacer scroll, y listo: sin librerías pesadas, sin configurar nada y compatible con CSP estricta.
$3.00
USD · Pago único
- 40 animaciones
- Scroll con 1 KB de JS
- Reducir movimiento
- CSP estricta
Las 12 entradas del catálogo incluido, reproducidas en cascada
40Microanimaciones
1 KBJavaScript opcional para el scroll
0Dependencias
$3Pago único · sin suscripción
Así de simple
Una clase o un atributo.
Con clase, la animación corre al cargar. Con data-nm, cuando el elemento entra en pantalla. Sin JavaScript, el contenido se ve normal: nunca queda escondido.
<link rel="stylesheet" href="motion.css"> <script src="motion-scroll.js"></script> <h1 class="nm-fade-up">Hola</h1> <section data-nm="blur-in">…</section> <ul data-nm-stagger="90">…</ul> <button class="nm-hover-shine">Comprar</button>
Catálogo incluido
Pruébalas antes de copiarlas.
El pack trae un catálogo interactivo: filtra por grupo, busca, cambia la duración, repite cada animación y copia su código con un clic.
Cinco grupos
Lo que un sitio moderno necesita.
Cada grupo resuelve una situación concreta de interfaz.
Atención
pulse, shake para errores, bounce para "sigue bajando", tada para logros.
Cargadores
spinner, puntos, barras, órbita, esqueleto con brillo y progreso indeterminado.
Hover y foco
lift, glow, subrayado que crece, destello, borde que se dibuja y flecha que se adelanta.
Texto
máquina de escribir, degradado que fluye, ola de letras y resaltador.
Accesible
Con "reducir movimiento" activado, todo aparece sin moverse; los cargadores siguen, más lentos.
Qué recibes
Todo lo que entra en el pack.
La descarga se entrega después de confirmar el pago, nunca desde esta página pública.
Librería
- motion.css con las 40 animaciones
- motion-scroll.js (scroll, cascada y repetición)
- Variables para duración, retraso, distancia y color
Extras
- Catálogo interactivo para probar y copiar
- Guía de instalación y referencia (LEEME)
- Licencia de uso comercial
FAQ
Antes de comprar.
Lo esencial sobre el uso y la licencia.
¿Funciona con React, Vue, Astro o WordPress?
Sí. Son clases CSS normales: funcionan en cualquier sitio o framework. Para contenido que se agrega después, llama NahumMotion.init().
¿Afecta el rendimiento?
Las animaciones usan transform, opacity y clip-path, que el navegador acelera por hardware. El script de scroll pesa alrededor de 1 KB y usa IntersectionObserver.
¿Puedo usarlas en sitios de clientes?
Sí, dentro de los proyectos que construyas. No se permite revender la librería como producto independiente.
¿Es una suscripción?
No. Son $3.00 USD como pago único, sin cobros recurrentes.
¿Cómo recibo los archivos?
Al terminar el pago vuelves al sitio y la descarga se habilita en segundos en Mi biblioteca. Para descargarla después o desde otro equipo, entra a Mi biblioteca con los datos de tu compra. Si algo falla, escríbenos desde Contacto.