# Math Curve Loaders

[Live Preview](https://paidax01.github.io/math-curve-loaders/)

A small gallery of mathematical curve based loading animations built with plain HTML, CSS, and JavaScript.

It includes:

- the original particle trail loader
- a collection of curve variants such as rose curves, Lissajous curves, hypotrochoids, cardioids, Cassini ovals, and Fourier-style paths
- click-to-open modal previews
- per-curve formula notes and code snippets
- copy support for formula and code

## Files

- `index.html`: gallery entry
- `style.css`: layout, modal, and visual styles
- `main.js`: animation engine, curve definitions, modal interactions
- `original.html`: standalone original loader demo
- `original.css`
- `original.js`

## Run

Open `index.html` directly in a browser.

## Why

This project explores how mathematical parameterizations can become expressive UI loading states while staying lightweight and dependency-free.