#WWDC25 Liquid glass made in Mixly and running in browser
final-video-888657.framer.app
All the bells and whistles, refraction, lighting, melting to each other etc.
Zero shader knowledge needed! Just use the editor to build these. Then export to web or directly to @framer.com
#webgl #webdesign
Full tutorial here:
youtu.be/-JdzUWxjFJY?...
Let's build a cool #WebGL color reveal glass effect to your website. No code required!
The video explains how to build the project in Mixly and export it to #Framer. Works on normal HTML websites as well.
Check the full Youtube video below👇
Want a cool #WebGL mouse cursor effects on your website?
Here's a video tutorial how to make them in Mixly and then use it in your #Framer project.
No coding knowledge needed!🙂
Tutorial: youtu.be/eVE5PkV_xoo?...
Quick Mixly test project running in #Framer.
Mouse follow helper and HTML element matching makes it easy to build this kind interactive things.
#webdev #webdesign #webgl
This frosted glass glow effect took about 5 mins to make, no code.
Mixly is the bridge between what's possible in #WebGL and traditional web development. Build the effect you need and then use it in your normal HTML. Or tools like #framer, #webflow, #wix, etc.
#webdesign #webdev
WebGL made easy!
Build your #webgl projects in an intuitive #figma -like editor. Add advanced effects, bloom, true variable blur, distortion effect... Once done, export as a small optimized js project to your website, or perhaps directly to #framer
Join and start building! :)
#webdesign #webdev
Quick and dirty real-time fluted glass in @MixlyDesign
The procedural texture generators are quite handy for this kind of stuff.
#webdesign #webgl
Abstract background #WebGL element. Uses progressive blur, liquid shapes and distortion filters.
The effect is available as a template if you want to have something similar!
These are super fast to pull off with Mixly's editor.
Live version can be tried out here: picocut.com/published/67...
Works best with a mouse.
Quick mouse text interaction. Mouse position is tied to shadow length, how far text fill extends, and so on.
You can copy this one to get started with something similar.
The same underlying technique can be used elsewhere. Most params support per pixel masks.
#webgl #webdesign #motiongraphics
Want to build cool interactive products for your @framer.com website?
Build it in Mixly editor and just drop it to a Framer project. Our player works with any other web project as well.
Try it out! Our early access signups are open!
#webgl #webdesign #mixly.app
Retro look for your website? Copy & paster to #framer?
