Loading video...

Video Failed to Load

Go Home

Interactive Shaders, now in Framer. Starting with Ripple, a shader that distorts images with smooth, water-like ripples that follow your cursor. Watch my quick overview below to learn more.

benjaminnathan's profile picture

benjamin

41,092 subscribers

33,202 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.
1:50

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

Palash Bansal

36,805 views • 2 years ago

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!
0:47

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

203,685 views • 5 months ago

Make your website feel more dynamic in seconds. Ask the Framer Agent to add the Chromatic Aberration shader to any existing video, creating glass-like curvature and colorful dispersion that adds a new dimension to your site
0:22

Make your website feel more dynamic in seconds. Ask the Framer Agent to add the Chromatic Aberration shader to any existing video, creating glass-like curvature and colorful dispersion that adds a new dimension to your site

Framer

10,828 views • 24 days ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 9 months ago

Want to start building apps with Cursor? Come learn to build your 1st app with AI! I just launched my “Complete Cursor” and “Building Full-Stack Apps with AI” courses that will teach you *everything* you’ll need to know. 9hrs of tutorials up and much more coming. Link below.
3:02

Want to start building apps with Cursor? Come learn to build your 1st app with AI! I just launched my “Complete Cursor” and “Building Full-Stack Apps with AI” courses that will teach you *everything* you’ll need to know. 9hrs of tutorials up and much more coming. Link below.

Mckay Wrigley

125,948 views • 2 years ago

Learn how to create a smooth, realistic face swap in just minutes with this quick tutorial. Follow the steps and try it yourself with AKOOL!
0:38

Learn how to create a smooth, realistic face swap in just minutes with this quick tutorial. Follow the steps and try it yourself with AKOOL!

Akool Inc

135,386 views • 1 month ago

Quick Framer tip for smooth accordions 💡 Shoutout to Paul Lapkin for showing me this. Wrap your accordions in a stack and turn that stack into a component. Doing this will keep that smooth transition when expanding and collapsing accordions!
0:20

Quick Framer tip for smooth accordions 💡 Shoutout to Paul Lapkin for showing me this. Wrap your accordions in a stack and turn that stack into a component. Doing this will keep that smooth transition when expanding and collapsing accordions!

Matteo

10,239 views • 3 years ago

I made a tool that bakes NormalizedCrow's FeathersAndFur Shader into the main mesh. This makes it work in fallback, with other shaders like poiyomi, improves performance, and lets you export to external software like Blender!
0:50

I made a tool that bakes NormalizedCrow's FeathersAndFur Shader into the main mesh. This makes it work in fallback, with other shaders like poiyomi, improves performance, and lets you export to external software like Blender!

Torvid

26,364 views • 6 months ago

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders
2:18

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders

Kajuro

71,569 views • 3 years ago

Get a quick overview of the combat in SHINOBI: Art of Vengeance—discover key mechanics and learn how to punish your enemies with your own unique playstyle. ‍🔥👺
2:22

Get a quick overview of the combat in SHINOBI: Art of Vengeance—discover key mechanics and learn how to punish your enemies with your own unique playstyle. ‍🔥👺

SEGA

48,717 views • 1 year ago

Have you ever read a book that was more than just a book? Diana Kander's newest bestseller, Go Big or Go Home is just that. With #interactive QR Codes, you'll learn how to create your perfect pitch for any sale. To order, visit the link below:
0:46

Have you ever read a book that was more than just a book? Diana Kander's newest bestseller, Go Big or Go Home is just that. With #interactive QR Codes, you'll learn how to create your perfect pitch for any sale. To order, visit the link below:

Karen Harris

14,529 views • 3 years ago

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.
0:46

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.

David McBacon

13,267 views • 1 year ago

Сreated first proto of a fully procedural volumetric that can run any custom shader (not just specifying density and phase function) in my path tracer. Problem of intersecting volumes is more difficult to solve here, I'll think about it some more. Shaders from Xor links below
0:58

Сreated first proto of a fully procedural volumetric that can run any custom shader (not just specifying density and phase function) in my path tracer. Problem of intersecting volumes is more difficult to solve here, I'll think about it some more. Shaders from Xor links below

Vladimir Komarov

15,406 views • 7 months ago

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.
6:52

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.

Mckay Wrigley

190,210 views • 2 years ago

Introducing Runway MCP. Now you can connect Runway directly into Claude, ChatGPT, Cursor, Replit and more. Generate polished images and videos with state-of-the-art models, like Gen-4.5, Seedance 2.0, GPT Images 2.0, Kling and more. Right from where you're already working. Connect the MCP to your agent in seconds at the link below.
0:45

Introducing Runway MCP. Now you can connect Runway directly into Claude, ChatGPT, Cursor, Replit and more. Generate polished images and videos with state-of-the-art models, like Gen-4.5, Seedance 2.0, GPT Images 2.0, Kling and more. Right from where you're already working. Connect the MCP to your agent in seconds at the link below.

Runway

622,185 views • 3 months ago

Ripple bugs are aquatic insects that can dart across flowing streams with mesmerizing speed and agility. Using high-speed cameras, new research studies the fan structures that these bugs use to dance on water. Learn more:
6:47

Ripple bugs are aquatic insects that can dart across flowing streams with mesmerizing speed and agility. Using high-speed cameras, new research studies the fan structures that these bugs use to dance on water. Learn more:

Science Magazine

42,672 views • 10 months ago

Interactive shell commands in Gemini CLI 🚀 Press Ctrl+f to focus on shell commands that require input (ex. npm start, vim, git commit, gcloud, etc) 🧑‍💻 You no longer have to jump to a separate terminal or deal with an agentic CLI that “hangs” for interactive commands. ✨ 👇Read the blog linked below to learn more
0:31

Interactive shell commands in Gemini CLI 🚀 Press Ctrl+f to focus on shell commands that require input (ex. npm start, vim, git commit, gcloud, etc) 🧑‍💻 You no longer have to jump to a separate terminal or deal with an agentic CLI that “hangs” for interactive commands. ✨ 👇Read the blog linked below to learn more

Jack Wotherspoon

30,162 views • 11 months ago

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:
0:29

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

Chrome

70,751 views • 4 months ago