Math Curve Loaders

Live Preview

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.