#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

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.

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?

Add retro looks to your web projects! New dither tiles filter makes this easy. This is running real-time in a browser using #webgl

Live (requires mouse): picocut.com/published/67...

You can download and edit this from the main menu template list.
#mixly