Introducing Motion for Three.js Animate Three.js objects, materials, shader... uniforms, TSL nodes and more, sequenced alongside HTML & SVG elements, batched on Motion's render loop. Now in Motion+ Early Access.show more

🚀 Framer Motion 11.11 introduces object animations. animate() can... now accept and animate *any* object. Be it Three.js Object3Ds, Pixi.js Graphics... anything. You can even mix different object types and HTML/SVG elements within animation sequences.show more

Open-sourcing the Next.js Nights shader! Live: Source: Made with... Three.js TSLshow more

We couldn't hold these back for long. Motion for... Three.js and Matias 🧉's vgpu are now available for everyone! I wonder if you can guess what game we're excited for after you see our new Motion x Three.js demoshow more

how to animate ui in blender: 1. curves for... line work 2. planes with textures for ui elements 3. camera for motion 4. geometry nodes for textshow more

img2threejs - turn one object photo into a code-only... procedural Three.js model Open-source toolkit that rebuilds the object in a single reference image as procedural Three.js code (no mesh downloads), quality-gated by a render-vs-reference loop - strong for hard-surface objectsshow more

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js... Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇show more

GLSL fire shader based on Simplex noise with a... static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IOshow more

Tried combining Three.js raymarching with html-in-canvas.

My Three.js + TSL shader course — Fragments —... is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.show more

I don't think its usable but it was a... fun little experiment built with Three.js Motion Tailwind CSS and Next.jsshow more

hi #PortfolioDay ! made these procedural materials in blender... shader nodes #b3dshow more

Interactive Alpha Stirling engine simulation with animated kinematics, heat-driven... motion and particle gas dynamics. Coded with ChatGPT 5.5 using Three.jsshow more

Wonder shader in motion ✨

Bts of how @.bigjko used Move AI to animate... this Candy Man. No suits or markers, just pure AI-driven motion capture. Motion Capture: Move AI 3D Animation: Houdini Render Engine: Octane Rendershow more

Astral Ascent x Dead Cells update will be live... on November 27th! Learn more about it here - Big thanks to Motion Twin - WINDBLOWN now in Early Access! for the opportunity 💛show more

Introducing PixVerse 5 💥 Upgraded motion, sharper textures, and... more control with preset camera moves up to 1080p resolution Now available on desktop, API & app for all plansshow more

i could play with these particles all day portfolio... wip made w/ three.js, TSLshow more

Unreal 5.6 Motion tools now make it easy to... visualize, reveal, and disassemble complex objects, make exploded views & break-apart animations. More examples are on the way.show more

this is pure f*cking treasure 20 GitHub repos to... build your own motion design studio with Opus 5.5 storyboards. typography. assets. character states. keyframes. 3D. rendering here’s the stack from the first sketch to the final frame DESIGN + STORYBOARD 01 Penpot → layouts and reusable components 02 Excalidraw → sketch the storyboard 03 Fontsource → self-host your fonts 04 Lucide → consistent SVG icons ASSETS + CHARACTER ANIMATION 05 SVGO → clean the vector assets 06 sharp → resize, crop, and prepare images 07 Lottie-web → play vector animations 08 Rive Web → control character states TIMELINES + CHOREOGRAPHY 09 Motion → springs and layout transitions 10 GSAP → direct complex timelines 11 Anime.js → choreograph SVG and objects 12 Theatre.js → tune motion visually 3D + VISUAL POLISH 13 Three.js → build the 3D scene 14 React Three Fiber → compose 3D in React 15 Drei → cameras, lighting, and staging 16 Postprocessing → bloom and color grading PRODUCTION + EXPORT 17 Remotion → compose and render the video 18 Remotion Skills → give Claude Code the production playbook 19 FFmpeg → encode and package the output 20 Mediabunny → build browser media pipelines start with Remotion + its skills choose the assets, motion engine, and 3D modules your project needs the clever part: the composition lives in code change the copy, colors, timing, or format → render the next version the loop: brief → storyboard → assets → layout → animate → add depth → preview → refine → render save this, then read the full guide for Opus 5.5 Motion Engineering ↓show more