Poimandres's banner

Poimandres

@pmndrs • 16,938 subscribers

A developer collective building open tools for the creative space. Home of React Three Fiber, Zustand, and cutting-edge creative web tech.

Shorts

🧮 Math v0.1.0 is out now! 🧮 We asked and Opus one shot... just kidding. Our resident expert isaacmason hand crafted the playful web's most optimized math engine. → allocation-free, monomorphic and benchmarked for speed → tiny and tree-shakable, only pay for what you use → works with webgl, webgpu, wasm or your favourite renderer → data-oriented design for the fastest possible code Includes a skill for juicing up your agent. Just /math and it will produce optimized algorithms for you. This should be an easy addition to any creative dev project. And the best part? 'npm i math'

🧮 Math v0.1.0 is out now! 🧮 We asked and Opus one shot... just kidding. Our resident expert isaacmason hand crafted the playful web's most optimized math engine. → allocation-free, monomorphic and benchmarked for speed → tiny and tree-shakable, only pay for what you use → works with webgl, webgpu, wasm or your favourite renderer → data-oriented design for the fastest possible code Includes a skill for juicing up your agent. Just /math and it will produce optimized algorithms for you. This should be an easy addition to any creative dev project. And the best part? 'npm i math'

83,857 views

✨ Glyph v0.1.0 coming out party ✨ The typography engine for the web. Finally, text that looks like it came from a native app in your web pipeline. → gpu-first with batched drawing and incremental updates → bitmap, mtsdf and slug in one engine → correct multilingual text, shaping, bidi, cjk, ligatures, font fallback → paragraphs that wrap, justify, flow around shapes and 3d objects → one font pipeline for three.js, R3F, typegpu or your own renderer

✨ Glyph v0.1.0 coming out party ✨ The typography engine for the web. Finally, text that looks like it came from a native app in your web pipeline. → gpu-first with batched drawing and incremental updates → bitmap, mtsdf and slug in one engine → correct multilingual text, shaping, bidi, cjk, ligatures, font fallback → paragraphs that wrap, justify, flow around shapes and 3d objects → one font pipeline for three.js, R3F, typegpu or your own renderer

71,285 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

We are announcing our newest initiative: an interactive math engine by isaacmason. Math is core to everything interactive from geometry to collision to color, yet JavaScript lacks a high-performance kernel. Instead libraries reinvent math structures and transformations, with varying success, and now LLMs generate bespoke functions on a case by case basis. The problem is that there are no principled guarantees for correctness or performance leading to degraded apps or difficult to read code. We need math engine that can be used to power all the cool projects people want to make at scale! The goals of the initiative are ambitious: ⟡ Predictable performance. Allocation-free operations and a documented usage contract designed to preserve monomorphic, optimizable call sites, validated through reproducible benchmarks. ⟡ Portable. Efficiently interoperates with WebGL, WebGPU, Wasm, Three.js, etc., so that the handoff between math kernel and framework is simple. ⟡ Minimal. A lean, tree-shakable kernel containing only the primitives needed to build interactive algorithms. ⟡ Data-oriented. Operates on caller-owned data through data-in, data-out functions without owning the data lifecycle. ⟡ Readability. It is important the core math operations readable such that even if the code is not written by a person they can reasonably review it. isaacmason is bringing his experience building out navcat, crashcat and gpucat. We are starting with mathcat as the foundation and building from there. Stay tuned for more. 👉 Initiative: 👉 Join the convo on Discord:

We are announcing our newest initiative: an interactive math engine by isaacmason. Math is core to everything interactive from geometry to collision to color, yet JavaScript lacks a high-performance kernel. Instead libraries reinvent math structures and transformations, with varying success, and now LLMs generate bespoke functions on a case by case basis. The problem is that there are no principled guarantees for correctness or performance leading to degraded apps or difficult to read code. We need math engine that can be used to power all the cool projects people want to make at scale! The goals of the initiative are ambitious: ⟡ Predictable performance. Allocation-free operations and a documented usage contract designed to preserve monomorphic, optimizable call sites, validated through reproducible benchmarks. ⟡ Portable. Efficiently interoperates with WebGL, WebGPU, Wasm, Three.js, etc., so that the handoff between math kernel and framework is simple. ⟡ Minimal. A lean, tree-shakable kernel containing only the primitives needed to build interactive algorithms. ⟡ Data-oriented. Operates on caller-owned data through data-in, data-out functions without owning the data lifecycle. ⟡ Readability. It is important the core math operations readable such that even if the code is not written by a person they can reasonably review it. isaacmason is bringing his experience building out navcat, crashcat and gpucat. We are starting with mathcat as the foundation and building from there. Stay tuned for more. 👉 Initiative: 👉 Join the convo on Discord:

56,745 views • 2 months ago

React Postprocessing v3.1.0 is out now. The internals got a complete rewrite making React rerenders much faster and fixing bugs on every effect we could find. Check it out:

React Postprocessing v3.1.0 is out now. The internals got a complete rewrite making React rerenders much faster and fixing bugs on every effect we could find. Check it out:

29,379 views • 1 month ago

🚨 The canvas text initiative has a full POC.🚨 justin set out to make the most robust and portable text rendering for web canvas possible and early results are promising. ➡️ Slug, MSDF, bitmap, it supports all of the different technologies with one API. We want to give users the choice for their app requirements. ➡️ Full font shaping support. Icons, CJK, ligatures, line breaks, we got it all. ➡️ Text styles! Stroke, shadow, color and we can do more. Anyone want full CSS support? ➡️ Offline and runtime font baking. ➡️ Realtime paragraph layout. Like pretext… but faster! ➡️ Fully portable. WebGL, WebGPU, native shaders, TSL, React, we made this from the ground up to serve all users.

🚨 The canvas text initiative has a full POC.🚨 justin set out to make the most robust and portable text rendering for web canvas possible and early results are promising. ➡️ Slug, MSDF, bitmap, it supports all of the different technologies with one API. We want to give users the choice for their app requirements. ➡️ Full font shaping support. Icons, CJK, ligatures, line breaks, we got it all. ➡️ Text styles! Stroke, shadow, color and we can do more. Anyone want full CSS support? ➡️ Offline and runtime font baking. ➡️ Realtime paragraph layout. Like pretext… but faster! ➡️ Fully portable. WebGL, WebGPU, native shaders, TSL, React, we made this from the ground up to serve all users.

37,958 views • 2 months ago

Kris and Dennis Smolek went on stage at Three.js Conf Paris to talk about pmndrs, our journey to R3F v10 and the cool new initiatives we have coming up. My good friend Kenneth Pirman even did us a favor by recording the talk. The slides were made with R3F v10, Koota, Glyph and Math.

Kris and Dennis Smolek went on stage at Three.js Conf Paris to talk about pmndrs, our journey to R3F v10 and the cool new initiatives we have coming up. My good friend Kenneth Pirman even did us a favor by recording the talk. The slides were made with R3F v10, Koota, Glyph and Math.

10,647 views • 23 days ago

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation of frameworks should look like from WebGPU to agentic support. Shout out your feedback. For details check out: And if you want to learn more first-hand join us at our Threejs conf workshop!

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation of frameworks should look like from WebGPU to agentic support. Shout out your feedback. For details check out: And if you want to learn more first-hand join us at our Threejs conf workshop!

10,926 views • 1 month ago

React Three Fiber and the broader pmndrs ecosystem inspired for years with beautiful example drops by ☄︎, Faraz and more. These were historically hosted on CodeSandbox, rest in peace, and soon rotted with the rapid demise of these services. Well it's back. 👉 👉 Not every example is 100% complete but full conversions are in progress. Included is metadata cataloging authorship, data, libraries and more. Check out the archives!

React Three Fiber and the broader pmndrs ecosystem inspired for years with beautiful example drops by ☄︎, Faraz and more. These were historically hosted on CodeSandbox, rest in peace, and soon rotted with the rapid demise of these services. Well it's back. 👉 👉 Not every example is 100% complete but full conversions are in progress. Included is metadata cataloging authorship, data, libraries and more. Check out the archives!

16,034 views • 2 months ago

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

21,258 views • 6 months ago

No more content to load