What is Utilspalooza?

Every animation project starts the same way: hunting down the same trigonometry helpers, collision-detection routines, and easing functions you've written a dozen times before. Utilspalooza collects the most common canvas and animation formulas in one place — each one paired with a live, interactive demo so you can see exactly what it does before you commit it to your codebase.

Grab one function's code

Head to Copy Code and check off the functions you need. The site assembles clean, typed snippets on the fly — ready to copy into a project today, or download as a standalone TypeScript or JavaScript file. No install, no library, just the code.

Or take the whole toolbox

Want more than a snippet? The full set ships as a typed, published npm package: npm i @utilspalooza/core — or drop it in from a CDN with no build step at all. The quickstart shows the smallest working file, and the API reference lists every function with a live demo.

New to canvas?

If you've never wired up a canvas animation before, don't start by reading — start by running. Start from the smallest possible file: one HTML page that bounces a ball, with nothing hidden and no build step.

How to use it

Browse the example library on the left. Click any animation to see the live canvas demo and inspect the underlying code. When you find functions you want to keep, tick the checkbox next to the name — they'll be bundled into a ready-to-copy snippet automatically.

Who made this

Ted — developer and educator. Utilspalooza is a product of Warped Puppy LLC.