Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

Paul Bakaus

18,531 subscribers

143,261 views • 3 months ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 views • 1 year ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 views • 1 year ago

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 views • 1 year ago

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 views • 1 year ago

GPU Canvas is now in Early Access. Rive's new low-level GPU layer for 3D, shaders, and custom effects.

GPU Canvas is now in Early Access. Rive's new low-level GPU layer for 3D, shaders, and custom effects.

Rive

18,459 views • 28 days ago

Need a loading animation? Don't build one from scratch. → by shawn. 55+ free and open-source loaders. Customize: • size • shape • animation • hover effects • bloom and much more.. Then copy the code and ship it.

Need a loading animation? Don't build one from scratch. → by shawn. 55+ free and open-source loaders. Customize: • size • shape • animation • hover effects • bloom and much more.. Then copy the code and ship it.

Kailash

66,724 views • 14 days ago

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵

Spline

2,792,807 views • 1 year ago

Introducing Rork Games × Claude Fable 5 Rork can now one-shot 3D & 2D games you can play with friends online. Even Fortnite with voice chat. Play on Web and  iPhone. Generate 3D models from text and photos, 2D Assets, sound effects and music.

Introducing Rork Games × Claude Fable 5 Rork can now one-shot 3D & 2D games you can play with friends online. Even Fortnite with voice chat. Play on Web and  iPhone. Generate 3D models from text and photos, 2D Assets, sound effects and music.

Rork

83,791 views • 20 days ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,503 views • 2 years ago

Seedance 1.5 pro delivers native audio-visual synchronization with millisecond-precise lip sync. Dialogue, music, and sound effects stay aligned across multiple speakers and languages, reducing the need for post-production fixes.

Seedance 1.5 pro delivers native audio-visual synchronization with millisecond-precise lip sync. Dialogue, music, and sound effects stay aligned across multiple speakers and languages, reducing the need for post-production fixes.

BytePlus

15,459,960 views • 6 months ago

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,805 views • 5 months ago

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

Chrome for Developers

41,277 views • 22 days ago

Did you hear? Visual Studio Code will open source the GitHub Copilot Chat extension under the MIT license! 🎉

Did you hear? Visual Studio Code will open source the GitHub Copilot Chat extension under the MIT license! 🎉

GitHub

42,676 views • 1 year ago

You are renderful: introducing Redraw, a new grade of 2d primitives for Web and Native

You are renderful: introducing Redraw, a new grade of 2d primitives for Web and Native

William Candillon

102,397 views • 1 month ago

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 views • 6 months ago

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Pietro Schirano

1,879,925 views • 1 year ago

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 views • 11 months ago

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

Techartist

20,282 views • 1 month ago

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

shaders

308,227 views • 9 months ago

Metal shaders for SwiftUI just got easier. On pick an effect → customize the colors and animation with sliders → copy metal code→ drop it into Xcode.

Metal shaders for SwiftUI just got easier. On pick an effect → customize the colors and animation with sliders → copy metal code→ drop it into Xcode.

sucodee

14,423 views • 1 month ago