r/javascript 3d ago

Showoff Saturday Showoff Saturday (August 29, 2026)

Did you find or create something cool this week in javascript?

Show us here!

10 Upvotes

5 comments sorted by

3

u/moving808s 3d ago

https://reddit.com/link/p6kgv92/video/lzmn08lom9mh1/player

This week I upgraded from animejs v2 to v4 to plug my game clock in for deterministic dom animations. If you wanna read more about my project check it out at https://projectgoldscript.com

2

u/ScoobyDookuu 3d ago

Hey y’all,

I got slightly carried away with loading animations.

I wanted nicer loading states for my own projects, but most libraries I found were either tied to a framework, fairly limited, or required more than I wanted for something this small.

So I built loadersz, a small framework-agnostic loader library for the web.

I wanted something a bit more expressive than the usual CSS spinner, without pulling in a UI framework or a bunch of dependencies.

A few things I focused on:

- 150 (and more coming) different motion states

  • Canvas 2D instead of GIFs/videos
  • zero core dependencies
  • a native custom element, so it works with basically any stack
  • typed entry points for React, Vue, Angular, Svelte and more
  • configurable speed, density, radius and color
  • respects prefers-reduced-motion
  • pauses rendering when the browser tab is hidden
  • DPR aware/scaling
  • tree-shakeable, attributes/config and lifecycle

Basic usage is just:

npm install loadersz

import 'loadersz';

<loadersz-loader state="racing" size="96" />

I also built an interactive playground where you can tweak the loaders live.

Demo: [loadersz.vercel.app](https://loadersz.vercel.app)
npm: [npmjs.com/package/loadersz](https://www.npmjs.com/package/loadersz)
Github: https://github.com/lumberjacque/loadersz-core

Would love some brutally honest feedback, especially on which animations you’d actually use in a real product.

1

u/Obvious_Fix_5065 3d ago

The attention to prefers-reduced-motion and pausing when the tab is hidden is the kind of polish that makes me actually want to try this. Most loader libs just spin and call it a day.

I’ll throw it into a side project this weekend and see which states feel natural in a dashboard context.

1

u/dejoski12 3d ago

Built a daily debugging puzzle: https://debugger-zeta.vercel.app

One broken snippet a day in JS, TS or Python — you read it, find the bug, fix it. It came out of noticing I was fine at writing new code but slow at reading unfamiliar broken code, which is most of the actual job. Bugs are the boring realistic kind (off-by-one, closure capture in loops, async ordering, coercion surprises), not gotcha trivia.

Next.js on Vercel, no account needed. Happy to hear if the JS ones read like real bugs or feel too contrived.

2

u/anonahnah9 3d ago

I made a multiplayer boxing game in the browser 🥊

The fights are drawn with JavaScript on a Canvas 2D context. There’s a requestAnimationFrame loop handling the animation and rendering, while the actual fight state is handled server side over WebSockets.

Just an idea that got a little carried away.

https://browserboxing.com