# Math Curve Loaders

By **paidax01** · Software & Tools

Una galería ligera de animaciones de carga basadas en curvas matemáticas: curvas de rosa, figuras de Lissajous, hipotrocoides, cardioedes y más, construida en HTML, CSS y JavaScript puro con notas de fórmulas y código listo para copiar.

- Source: https://paidax01.github.io/math-curve-loaders/
- Repository: https://github.com/Paidax01/math-curve-loaders
- Tags: open-source, animation, loader, css, javascript, ui, no-build, math
- Pricing: free
- Upvotes: 0

## Features

- Animaciones de carga impulsadas por curvas matemáticas
- Trayectorias de rosa, Lissajous, hipotrocoide, cardioede, Cassini y Fourier
- Vistas previas modales con clic para abrir para cada curva
- Notas de fórmulas por curva y fragmentos de código listos para copiar
- HTML, CSS y JavaScript puro sin dependencias
- Se ejecuta abriendo un único archivo estático en el navegador

---

Math Curve Loaders es una pequeña galería sin dependencias de animaciones de carga impulsadas por curvas matemáticas, construida con HTML, CSS y JavaScript puro. Incluye el loader original de rastro de partículas junto con una colección de variantes de curvas: curvas de rosa, curvas de Lissajous, hipotrocoides, cardioedes, óvalos de Cassini y trayectorias estilo Fourier, cada una mostrada en una vista previa modal con clic para abrir, notas de fórmulas por curva y fragmentos de código que puedes copiar. El proyecto es una exploración de cómo las parametrizaciones matemáticas pueden convertirse en estados de carga expresivos para la interfaz de usuario sin perder ligereza; todo consiste en un puñado de archivos estáticos (`index.html`, `style.css`, `main.js`) que se abren directamente en un navegador.

## FAQ

### ¿Qué es Math Curve Loaders?

Una galería ligera y sin dependencias de animaciones de carga basadas en curvas matemáticas (rosa, Lissajous, hipotrocoide, cardioede y más), construida con HTML, CSS y JavaScript puro.

### ¿Puedo reutilizar las animaciones?

Sí. Cada curva tiene una vista previa modal con notas de fórmulas y un fragmento de código listo para copiar, para que puedas llevar la fórmula y el código a tu propio proyecto.

### ¿Cómo lo ejecuto?

Abre `index.html` directamente en un navegador; no hay paso de compilación ni dependencias.

---
[View on Analog](https://analoghq.ai/es/paidax01/software-tools/math-curve-loaders)