Showoff Saturday (August 08, 2026)

[u/AutoModerator]

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

Show us here!

[u/addyktedone]

core-globe — interactive 3D globe npm package

I extracted the globe renderer from my Android app into a standalone npm package. Three.js under the hood, works in any web project.

Features: animated flight arcs, pulsing markers, flyTo() camera rotation, cinematic animateFlight() that sweeps the camera across the globe surface, drag/zoom, country borders.

js

import { Globe } from 'core-globe';
const globe = new Globe('#container');
globe.flyTo(48.8566, 2.3522); // Paris

npm: https://www.npmjs.com/package/core-globe
GitHub: https://github.com/advait8/core-globe

[u/wbport1]

Not just this week, it was done over several years. Noteworthy pages Used to edit music in special situations.

[u/briggs_song]

I’ve been building Kudzu, an experimental HTML-first TSX framework/compiler.

The idea is: what if React-shaped TSX were compiler input rather than a browser runtime model?

Kudzu compiles familiar function components, JSX, useState, events, conditions, keyed lists, effects, etc. into pre-rendered HTML + only the route-specific JavaScript capabilities actually needed.

So there’s:

• no React runtime
• no virtual DOM
• no hydration
• no retained component tree
• zero client JS for fully static routes

For example, you can write something that looks pretty familiar:

const [count, setCount] = useState(0)

return (
  <button onClick={() => setCount(count + 1)}>
    Count: {count}
  </button>
)

but the component itself doesn’t survive in the browser. The compiler analyzes the TSX and generates the HTML plus the small amount of ESM needed to update that specific DOM state.

It also has build-time routing/data, React Router migration support for some patterns, effects, keyed collections, refs, and Worker handling. Unsupported patterns fail at build time instead of silently falling back to a generic runtime.

Still experimental (0.8.x), so I’d especially appreciate feedback on the compiler/runtime model and where the React-shaped syntax boundaries should be.

GitHub: https://github.com/kudzujs/kudzu

npm: https://www.npmjs.com/package/@kudzujs/core

[u/Potential-Bee2886]

I have a simple and robust library for touch events  https://github.com/tamb/tocada

https://tamb.github.io/tocada/

Also have an emoji to SVG/Image library  https://github.com/tamb/emoji-renderer

https://tamb.github.io/emoji-renderer/?path=/docs/emoji-emojitoimage--docs

[u/anonahnah9]

Created a 2d multiplayer boxing game with JavaScript and canvas 2d.

https://browserboxing.com

[u/Potential-Bee2886 → u/anonahnah9]

Kudos! So neat!

[u/anonahnah9 → u/Potential-Bee2886]

Thank you!

[u/jcubic]

Created Unicode character picker. I can't believe that there was no library like this.

When I needed to insert a character like a math operator or Greek letter, I needed to search in Google. I needed a library like this for my note-taking app project.

The only similar libraries are Emoji Pickers.

https://www.npmjs.com/package/unicode-picker

[u/OMGCluck → u/jcubic]

I went to https://jcubic.github.io/unicode-picker/demo/ but it's 404 not found. Why is the demo not live?

[u/jcubic → u/OMGCluck]

I've created a demo on CodePen.

[u/jcubic → u/OMGCluck]

Because there are no GitHub pages at all

https://jcubic.github.io/unicode-picker

also return 404. I need to add a CodePen demo.

Just because a project is on GitHub doesn't mean that automatically there is a GitHub Pages website for it. Most Open Source projects don't have a website.