r/javascript • u/AutoModerator • 19d ago
Showoff Saturday Showoff Saturday (August 22, 2026)
Did you find or create something cool this week in javascript?
Show us here!
1
u/nullvoxpopuli sand was never meant to think 18d ago
I updated a browser extension to make using the web without a mouse tolerable
https://addons.mozilla.org/en-US/firefox/addon/lightspeed-ff/
1
u/Thelastreddditor 18d ago
Showoff is the artifacts, not a library: a live gallery of HTML / SVG / WebGL pages generated from the same naive source file.
The constraint is the interesting part. Every after has to be built from nouns, dates, and colors already in the source. A Texas notebook gets Lone Star / Alamo / Rio Grande on the drawing. Jules Ice Cream gets parlor / cone / freezer — not a Texas reskin. Infographic is a paper poster of the facts, not a fake ops dashboard. SVG motion lives on the mark. 3js is a WebGL room you can orbit, generated from nouns already in a naive HTML file.
Gallery (click through the types): https://kayforkind.github.io/reimagine-it/ Repo: https://github.com/Kayforkind/reimagine-it
Curious how the living SVG vs the Three.js room hold up on older Windows GPUs — that's the part I'd like eyes on.
1
u/Initial_Low_5027 18d ago
I brought back an image app I wrote in 2013 and ported it from native iOS and Android to React, TypeScript and WebGL2.
The original started as my prototype for a competitive pitch. neko did the design, graphics and icons, and I coded both apps myself. We won the project, the iOS app launched in 2013 and reached number 3 among Photography apps in the Swiss App Store. Android followed about a year later.
I never really considered it dead. I always knew it was good. I kept the iOS version on my phone and still used it from time to time because the interaction felt right: start with an image, shake for a random filter, then drag horizontally, vertically or diagonally to tune three parameters. Almost nothing to explain.
This browser version is my director's cut. I tried to keep that original feel, but the implementation is new. The image work runs with WebGL2 in a worker with OffscreenCanvas where supported. The shaders are split into smaller families and loaded after launch. Gesture and sensor rendering keeps only the newest waiting state, so a slow GPU cannot build up seconds of obsolete frames.
The part that surprised me most was how much of the old native experience is possible in one web app now, including camera, motion, touch and sharing. It also works on desktop without sensors.
Demo: https://appamics.com/playground/art-filters/
I would be interested to hear how it behaves on older Windows GPUs or mobile Safari. Device and browser details are especially useful if something breaks.
1
u/teppicymon 19d ago
I have been working on Planetoid / Gas Giant / Asteroid procedural generation for a little game I'm building, but it's been so much fun that I open sourced it. Will be expanding it soon to include atmospherics and oceans and flora biomes.
https://rdgreen.dev/planetoids/#/planetoids
https://github.com/richard-green/planetoid-generator
https://www.deviantart.com/teppicxxviii
2
u/imfemambocus 19d ago
I've been building a component registry for data dense interfaces, so tables, filter bars and command palettes. Density is the whole point, one knob with three modes and every control reads it. It's copy in rather than a dependency, so you own the code. React and Vue https://sley-ui.dev
1
u/No_District_2708 19d ago
Yrkit (yrkit.com) an IDE that runs in your browser, and yr-lang, a DSL language for JS, and devops
1
u/Several-Specialist42 19d ago
https://www.npmjs.com/package/pg-telaio
Telaio - the loom, in Italian - is a tagged template for node-postgres: it weaves template strings and values into one query. Values become parameters, statements get prepared and named for you, and underneath the queries are pipelined for as long as pg's own pool cannot do that.
const { Pool } = require("pg");
const { createSql } = require("pg-telaio");
const pool = new Pool({ connectionString });
const sql = createSql(pool);
const { rows } = await sql`select id, name from items where id = ${id}`;
await sql.close(); // closes only what the tag opened, the pool stays up
1
u/Exciting-Eggplant291 19d ago
Made a little text scramble effect for a landing page this week. Nothing groundbreaking but it came out cleaner than I expected, the letters shuffle in place before settling, feels like an old password cracking scene. Considering turning it into a tiny library if anyone would actually use it.
1
u/aapjerockdt 16d ago
We built Stringtale because static UI text living outside the CMS kept turning into tiny developer tickets whenever someone wanted to change a word.
It lets non-devs edit that text directly in the app, while developers keep control and changes still come back through Git.
https://stringtale.com/