- Plateforme
- YouTube
- Durée
- 1:20
- Langue parlée
- anglais américain
- Vues
- 5,6 k
- Visage à l'écran
- 0%
- Images sombres
- 100%
Transcription de Framer Update: Interactive Shaders
Transcrit par un modèle vocal à partir du son du film, et non rédigé par la marque. Cliquez sur une ligne pour y amener la lecture.
- 0:00We're bringing interactive shaders to Framer starting with the Ripple shader.
- 0:05Ripple is an interactive shader that distorts an image with smooth water-like ripples that follow your cursor.
- 0:13Through properties like radius, strength, decay, displacement and dispersion,
- 0:18you can customize the ripple's size, intensity, motion and color split.
- 0:23What's unique about these interactive shaders in Framer is that they support spring-based
- 0:30cursor tracking, effectively blending motion-style interaction with WebGL shaders.
- 0:37Out of the box, the effect is applied around your cursor as you hover and move it around
- 0:43on any image.
- 0:45And there's two details worth mentioning.
- 0:47One, we have an optional click property that also sends ripples out as you click the image.
- 0:54And two, if we click drag, the ripple effect is amplified,
- 1:00making the effect feel a touch more realistic.
- 1:04The ripple shader is out now in Framer.
- 1:07Thank you for watching and stay tuned for more updates coming soon.
14 lignes · 153 mots
More from Framer
All of Framer →The rest of their work we have taken apart.
Launch952K viewsFramer
Framer 3.0 with Agents, Branching, and a new Community
1:1532 frames4.1s cut0% face
935K viewsFramer
Framer Agents: Design with AI, Keep Control.
0:3614 frames7% face
Launch360K viewsFramer
Framer - Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard...
0:3110 frames0% face
324K viewsFramer
📄 Turning Framer from a web builder into a true design tool with Desi...
0:5528 frames6.2s cut39% face
187K viewsFramer
This is the best Seedance hack ever. You can convert any 16:9 video ...
0:3414 frames6.2s cut7% face
Lit and framed like this
Closest on how much of the running time has a face in it and how dark the frames are.
13M viewsPerplexity
Speak your mind with voice to voice on Perplexity.
0:3613 frames0% face
Launch11M viewsVercel
Vercel Ship is back. Join us on June 25 (NYC and online) to hear upd...
0:083 frames0% face
Launch6.3M viewsLinear
Introducing Linear Agent. Built directly into Linear and accessible ...
0:5518 frames0% face
5.8M viewsℏεsam
bro created an AI job search system for Claude Code that scored 700+ ...
0:238 frames0% face
4.1M viewsFigma
Like any post with “Config” You’ll get a surprise
1 frames0% face
2.1M viewsLinear
Issue tracking is dead. We are building what comes next.
0:114 frames0% face
1.5M viewsPerplexity
Computer is now on Android.
9 frames0% face
1.1M viewsCursor
Sonnet-3.7 is available in Cursor! We've been very impressed by it...
0:176 frames0% face
1.1M viewsElevenLabs
BLACKBOX AI uses ElevenLabs Agents to power Logger and Robocoder - vo...
0:239 frames0% face
925K viewsVercel
Vercel Domains just got a full rebuild: • Search without logging in ...
0:155 frames0% face
906K viewsVercel
We are joining @MercedesAMGF1 as a multi-year strategic partner. Firs...
0:103 frames0% face
827K viewsBenji Taylor
Excited to share our newly improved website for @xai. We overhauled e...
0:145 frames0% face
More social
Same category, other makers, most watched first.
622M viewsBase44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
538M viewsBase44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
154M viewsBase44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
81M viewsNike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
75M viewsPetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
69M views1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
69M viewsApple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
64M viewsBland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
39M viewsFigma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
36M viewshims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
36M viewsFigma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
35M viewsApple
Hello, MacBook Neo
3:50291 frames67.5s cut1% face