Loading video...

Video Failed to Load

Go Home

Just launched my first Framer component. Been experimenting with liquid-style WebGL interactions, cursor ripples, refraction, click waves. Link in the comments 🙂

vitaspenser's profile picture

Vita Spenser

2,286 subscribers

19,832 views • 4 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

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl
0:24

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

657,632 views • 2 years ago

Building in Framer just got easier. The Grit UI plugin lets you drop in full sections, tweak colors with one click, and even add forms instantly. No setup. No hassle. Just design. Link in the comments 👇
0:57

Building in Framer just got easier. The Grit UI plugin lets you drop in full sections, tweak colors with one click, and even add forms instantly. No setup. No hassle. Just design. Link in the comments 👇

Lauri Lännenmäki

42,425 views • 1 year ago

Just wrapped the development on Trajectory AI's new site. Framer brought me on through their Switch program to handle the build. Custom hero with some webgl, scroll animations, a few component tricks I hadn't tried before.
0:34

Just wrapped the development on Trajectory AI's new site. Framer brought me on through their Switch program to handle the build. Custom hero with some webgl, scroll animations, a few component tricks I hadn't tried before.

Mason Price

20,304 views • 1 month ago

experimenting with cross-file editing in Cursor, this is the first multi-file editing UX that feels good
0:26

experimenting with cross-file editing in Cursor, this is the first multi-file editing UX that feels good

ian

87,175 views • 2 years ago

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.
0:36

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.

David McBacon

40,833 views • 10 months ago

Finally cracked a proper Framer Liquid Glass component. Safari behaves. Everything bends. I can rest now.
1:19

Finally cracked a proper Framer Liquid Glass component. Safari behaves. Everything bends. I can rest now.

Lee Black

34,828 views • 2 months ago

My Framer plugin, Grit UI, is live on the Framer Marketplace 🔥 Free to try, but 100x better fully unlocked. — Link in the comments
0:56

My Framer plugin, Grit UI, is live on the Framer Marketplace 🔥 Free to try, but 100x better fully unlocked. — Link in the comments

Lauri Lännenmäki

12,217 views • 1 year ago

Experimenting with logo shaders in Framer Icons from SF Symbols
0:20

Experimenting with logo shaders in Framer Icons from SF Symbols

Yashwanth V

29,920 views • 2 months ago

built the cursor for writing, link in comments
1:52

built the cursor for writing, link in comments

Elliot

105,108 views • 1 year ago

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend
0:20

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend

Tirth Parmar

62,802 views • 18 days ago

My new Framer template is live! I'm giving away 5 FREE copies (worth $129) How to join: 👇 Click the link in the comments 💛 Like the template on the Framer community ✍️ Write a comment there I’ll pick the winners in 48 hours.
0:28

My new Framer template is live! I'm giving away 5 FREE copies (worth $129) How to join: 👇 Click the link in the comments 💛 Like the template on the Framer community ✍️ Write a comment there I’ll pick the winners in 48 hours.

Pawel Gola

12,164 views • 17 days ago

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding
0:48

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,362 views • 1 month ago

Been experimenting with heightfield-based water surface simulation, dissatisfied with the usual "ripples on a puddle" look that such simulations usually have
0:49

Been experimenting with heightfield-based water surface simulation, dissatisfied with the usual "ripples on a puddle" look that such simulations usually have

Cody Darr

10,137 views • 1 year ago

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney
6:52

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney

Yianni

78,049 views • 8 months ago

Just launched VISUALBUSINESS Minimal webgl gallery for a visual first portfolio website. Did creative direction, digital design and development. 👀 breakdown and link ↓
0:21

Just launched VISUALBUSINESS Minimal webgl gallery for a visual first portfolio website. Did creative direction, digital design and development. 👀 breakdown and link ↓

👀

22,616 views • 1 year ago

BEHIND THE SCENES of the newest #JamthesuperheroDog animation! My first time experimenting with a 2D/3D Hybrid style! #IndieAnimation #indiePilot
0:37

BEHIND THE SCENES of the newest #JamthesuperheroDog animation! My first time experimenting with a 2D/3D Hybrid style! #IndieAnimation #indiePilot

Mirandamations

12,319 views • 2 months ago

My NEW favorite client site. Made in Framer ⭐️ Just launched this for a client. Zero code. 100% Framer. Check it out 👉
0:52

My NEW favorite client site. Made in Framer ⭐️ Just launched this for a client. Zero code. 100% Framer. Check it out 👉

Ryan Hayward

43,880 views • 2 years ago

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻
0:40

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻

Max Rovensky

252,454 views • 1 year ago

Attention Framer community. We just launched Components on the Marketplace! 🔍 Browse live, interactive previews 📋 Copy to your canvas with one click 🚀 Publish your own with full version control 🔜 Soon: tags, popular ranking, install tracking, and drafts.
1:15

Attention Framer community. We just launched Components on the Marketplace! 🔍 Browse live, interactive previews 📋 Copy to your canvas with one click 🚀 Publish your own with full version control 🔜 Soon: tags, popular ranking, install tracking, and drafts.

Framer

130,397 views • 11 months ago