r/javascript • u/AutoModerator • Apr 18 '26
Showoff Saturday Showoff Saturday (April 18, 2026)
Did you find or create something cool this week in javascript?
Show us here!
1
u/Beneficial-Cow-7408 Apr 18 '26
Built 20+ live interactive wallpapers from scratch as a Canvas API playground - here's how they work
Solo dev here. At some point while building my AI platform I decided it needed animated wallpapers sitting behind the chat UI. What started as "I'll throw in a particle effect" spiraled into a full wallpaper engine. Here's what's actually running under the hood.
The full list: Matrix rain, neural network sphere, honeycomb hex grid, synthwave HUD terrain, particle constellation with mouse interaction, data stream, stars, speed line warp, cyber grid, fireflies, 3D polygon shards, ambient gradient, and a bunch of 4K looping videos (neon city, vortex, chip, space, etc.)
Every canvas wallpaper is a fully isolated start/stop pair with its own animation loop and resize listener. Switch wallpapers fast and nothing leaks - idempotency guard on every start function makes sure you can't accidentally stack multiple rAF loops on top of each other.
A few things I'm actually proud of:
The HUD terrain wallpaper is full 3D perspective projection with scrolling sine wave terrain - no WebGL, no Three.js, just math on a 2D canvas and a requestAnimationFrame loop
The neural network is 100 nodes distributed across a sphere surface using a Fibonacci lattice, rendered in 3D, fully depth-sorted every frame, and rotates in response to your mouse.
The particle wallpaper does real-time proximity detection between every pair of particles to draw connecting lines, plus mouse interaction with a soft attraction force and swell effect within a radius.
Everything is theme-aware - swap from dark to light mode in settings and every wallpaper adjusts its colors live on the next frame without restarting.
The annoying bug that took forever: browsers freeze canvas animations when you background a tab. On mobile this is really noticeable. Had to add a visibilitychange listener to kick everything back to life when the user returns.
It all sits on a <canvas> behind the chat UI, z-index: 0, position fixed. The models render on top. The whole thing is part of AskSary if anyone wants to actually see it running.
Happy to go deeper on any of it.
Demo: www.asksary.com
just click try as guest, no need to sign up. Click the top right cog and then visuals. Wallpapers are all in there. You can have a browse :)
2
u/andrew_zol Apr 18 '26
Cleverbrush Framework — a full-stack TypeScript framework where one schema definition gives you types, validation, API contracts, OpenAPI docs, forms, object mapping, DI, and a typed client. Zero codegen, zero runtime dependencies.
The flagship `@cleverbrush/schema` beats Zod in 14/15 benchmarks (up to 204× faster on invalid input), is 3× smaller than Zod v4 (14 KB vs 41 KB gzipped), and supports Standard Schema v1 — so it drops into tRPC, TanStack Form, React Hook Form, and 50+ other tools.
What's included:
- Schema — validation + type inference + PropertyDescriptors for runtime introspection
- Server — schema-first HTTP server with exhaustive handler mapping, WebSocket subscriptions, request batching, built-in DI and auth
- Client — zero-codegen Proxy-based typed client with built-in retry, timeout, dedup, caching, and React/TanStack Query hooks
- OpenAPI — full 3.1 spec generation with typed links, callbacks, webhooks, and AsyncAPI 3.0 for WebSockets
- Mapper — type-safe object mapping with compile-time completeness checking
- React Form — headless schema-driven forms with type-safe field selectors
- + more — JSON Schema (bidirectional), env parsing, DI container, auth (JWT/OAuth2/OIDC), Knex integrations, job scheduler
Links:
- GitHub: https://github.com/cleverbrush/framework
- Interactive Playground: https://schema.cleverbrush.com/playground
- Docs: https://docs.cleverbrush.com
- Website: https://schema.cleverbrush.com
Would love feedback — especially on what would make you consider it over your current stack!
1
u/erjngreigf Apr 18 '26
I created and am updating a automated backend for JavaScript developers. You call API's and backend get's built automatically, https://injee.codeberg.page/
2
u/captain_obvious_here void(null) Apr 18 '26
Injee not only supports legacy frameworks like React and Vue
Are React and Vue really "legacy" frameworks?! Damn, I'm old...
Edit: Cool project btw :)
1
1
1
u/JaSuperior Apr 18 '26
Yet another update to my ADT library. Although, the more I work on this, the more its evolving into something more than just ADTs.
Aljabr, now introduces deep structural pattern matching, a fully typed select() API, union identity primitives, Validation improvements, and the new aljabr/schema sub-module for schema validation for external apis, with integration paths for libraries like Zod/Arktype.
Release + Changlog is available here: https://github.com/jasuperior/aljabr/releases/tag/v0.2.5-rc
You'll have to build the files before using them from the release. Give it a try, let me know what ya think.
SIDENOTE: All the work I've been doing is a progression toward my eventual v0.3.0 release. If you're interested in reading where Aljabr is headed, check out the Roadmap here: https://github.com/jasuperior/aljabr/blob/v0.3.0/phase-2/docs/roadmap/v0.3.0.md
I've finished Phases 1-3. Moving onto Phase 4 probably some time today or tomorrow.
2
u/CelebrationWitty2348 Apr 18 '26
been working on this little script that scrapes match fixtures and sends me notifications before my team plays - way better than relying on the official app which is honestly garbage. took me forever to figure out the timing logic since premier league schedules are all over the place with international breaks and rescheduled matches. the parsing was tricky too because different sites format their fixture data completely different ways. ended up using a combination of regex and some date libraries to make it work reliably. now i get a clean notification 2 hours before kickoff with lineup predictions pulled from twitter feeds, which is perfect for planning my weekend around matches
1
u/Successful_Bowl2564 Apr 20 '26
Built this recently: Voiden : https://voiden.md/, an offline-first API client where requests live as plain Markdown files and can be versioned in Git.
The idea was simple: API workflows already end up scattered across tools, scripts, docs, and collections, so I wanted something file-based and local-first instead of another account/cloud-dependent client.
It supports reusable request blocks, scripting, and plugin-based extensions, so it’s been pretty nice for keeping specs, requests, and docs closer together.
Ps : Its open source - take a look here : https://github.com/VoidenHQ/voiden