Ojas ☻

Creative Web Developer, GSAP, Three.js, Shaders, GLSL. Learning and Making Surreal WebGLs

[Captain Insight @CaptainInsightX]

Employee: 2k, 2k, 2k, 2k, 2k

Freelancer: 800, 3k, 0, 6k, 1k, 4k

Founder: 0, 0, 0, 0, 0, 0, 300k

Open Source Maintainer: 0, 0, 0, 0, "thanks bro"

[Kane Wang @kanewang_]

Introducing Takumi v2 beta, the Rust engine that renders JSX to images without a headless browser.

- renderSvg() for SVG output
- On-demand Google Fonts: load only the subsets your content uses, as it uses them
- Language-aware text (ja/zh/ko Han unification)
- Redesigned font caching, no more race conditions
- New documentation

Try it today: bun i takumi-js@beta

[Julian Garnier @JulianGarnier]

Anime.js 4.5 is out and it's a fun one:
Introducing the @threejs adapter 🎉

- Up to 50% less code for 3D animations
- CSS transform-like API for 3D objects (rotate, skew…)
- Simpler material color animations
- Easy instanced mesh animations
- Stagger 3D

And so much more! ⬇︎

[Alex Barashkov @alex_barashkov]

Behind the scenes of Mindbeam’s hero section production.

[jhey ʕ•ᴥ•ʔ @jh3yy]

create animated text shimmers w/ background-clip 👇

.txt {
background-clip: text;
color: #0000;
background: var(--gradient) 0 0 / 300% 100%;
animation: shim 2s infinite;
}
@​keyframes shim {
0% { background-position: 100% 0; }
}

[Tolis C @tol__is]

Fine tuning the poking physics

https://t.co/KOygwoIm2l

[Sabo Sugi / Mondragon Framer Template @sabosugi]

Shapes Over Pixels - FX for Video

Demo & Source Code:
https://t.co/H5RJg12leS

#threejs #webgl #video #fx

[Owen @owenyuwono]

sneak peak of Fast Fourier Transform (FFT) ocean simulation in threejs again (I'm so threejs pilled right now)

[xavier (jack) @KMkota0]

in SF next week

been locked in building mo1, and ready to show it.
who's around?

[Anderson Mancini @Andersonmancini]

🚀 I'm launching r3f-webgpu-perf today!

"npm i r3f-webgpu-perf"

One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet.

So I decided to build one.
✅ Supports both WebGL and WebGPU
✅ Modern and customizable UI
✅ Lightweight and easy to integrate
✅ Built specifically for React Three Fiber

My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned.

If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback.

⭐ GitHub: https://t.co/dyvf057Irt
📦 NPM: https://t.co/qEs2g23ekm

Every GitHub star helps make the tool better for the entire community.
#threejs #creativecoding #webgpu #r3f

[Sabo Sugi / Mondragon Framer Template @sabosugi]

Holo Blinds

Demo & Source Code:
https://t.co/ThgJhc1VMG

#threejs #webgl #shader #creativecoding

[Sabo Sugi / Mondragon Framer Template @sabosugi]

Tree of Souls

Demo & Source Code:
https://t.co/l7zX0RDYQz

#threejs #webgl #shader

[Alex Widua @alexwidua]

Feels incredible to share the work we’ve done this year, excited to have been a big part in bringing to life a more powerful and personal Siri.

[Alex @mustache_dev]

Better, clearer settings panel

[Sabo Sugi / Mondragon Framer Template @sabosugi]

Kinetic Villi

Demo and Source Code:
https://t.co/NuZMv9MtEF

#threejs #webgl #webgpu #scene

[akella @akella]

new stream: reverse engineering mountains and clouds from beautiful https://t.co/f0NpW5CmBr by @Immersive_g, #threejs #glsl, video: https://t.co/Wumya7HmoJ

[Brice @brice_deg]

you can just build things

made w/ three.js, TSL

[Ali Grids @AliGrids]

who knew ░▒▓█ could look this good in motion?

Anime.js + block characters = chef’s kiss from @clockmaker

[jhey ʕ•ᴥ•ʔ @jh3yy]

messed with liquid glass for web a lot last year using css + svg 👨‍🔬

the key to cross-browser was migrating from svg backdrop-filter to filter and syncing displacement map textures 🔑

kudos to spending a lot more time exploring it! 👏

[Craig Taylor @CraigTaylorViz]

Friday win: fixed occlusion between @Mapbox basemaps + @threejs layers - so vessels and tracks now disappear behind 3D terrain. Testing with some wildly exaggerated Hong Kong topography. ⛰️🚢

#threejs #mapbox #ais #map #webgl