# Math Curve Loaders

By **paidax01** · Software & Tools

Uma galeria leve de animações de carregamento baseadas em curvas matemáticas - curvas rosa, figuras de Lissajous, hipotrocoides, cardioides e muito mais - construída com HTML, CSS e JavaScript puros, com notas de fórmulas e código copiável.

- 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

- Animações de carregamento impulsionadas por curvas matemáticas
- Caminhos rosa, Lissajous, hipotrocoide, cardioide, Cassini e Fourier
- Visualizações em modal que se abrem ao clicar para cada curva
- Notas de fórmulas por curva e trechos de código copiáveis
- HTML, CSS e JavaScript puros, sem nenhuma dependência
- Executa abrindo um único arquivo estático no navegador

---

Math Curve Loaders é uma galeria de animações de carregamento sem dependências, impulsionada por curvas matemáticas e construída com HTML, CSS e JavaScript puros. Inclui o loader original de trilha de partículas mais uma coleção de variantes de curvas - curvas rosa, curvas de Lissajous, hipotrocoides, cardioides, ovais de Cassini e caminhos no estilo Fourier - cada uma exibida em um modal de visualização que se abre ao clicar, com notas de fórmulas por curva e trechos de código que você pode copiar. O projeto é uma exploração de como parametrizações matemáticas podem se tornar estados de carregamento expressivos na interface, mantendo-se leve: tudo se resume a alguns arquivos estáticos (index.html, style.css, main.js) que você abre diretamente no navegador.

## FAQ

### O que é Math Curve Loaders?

Uma galeria leve e sem dependências de animações de carregamento baseadas em curvas matemáticas (rosa, Lissajous, hipotrocoide, cardioide e muito mais), construída com HTML, CSS e JavaScript puros.

### Posso reutilizar as animações?

Sim. Cada curva possui um modal de visualização com notas de fórmulas e um trecho de código copiável, para que você possa levar a fórmula e o código para o seu próprio projeto.

### Como faço para executar?

Abra o index.html diretamente no navegador - não há etapa de build nem dependência.

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