Sula: Shader backgrounds for Webflow, React & Mac wallpapers
Sula Designer is a free browser editor for animated WebGL backgrounds. Pick one of 32 shaders, tune colors, motion and cursor effects, and put the result on your website. No account needed.
What you can do
- Choose from 32 shaders in four groups: Gradients, Light, Liquid and Analog
- Start from a preset, then change the palette, motion, shape and grain
- Add hover and click effects that react to the cursor
- Preview the background in mockups: a landing page, a login screen, a dashboard, a Mac desktop and a phone
- Export an embed for Webflow, Framer or plain HTML, or use the npm package
@studio-treo/sula in React, Vue and Svelte
- Send a look to another device with a share link
Sula for Mac
The Mac app turns your shaders into a live wallpaper that pauses when nobody sees it, and a screensaver with a Liquid Glass clock. Looks from Sula Designer move over with a share link or a .sula file. Get Sula for Mac at sula.ink.
Sula Designer needs JavaScript and WebGL. Please turn JavaScript on to use it.
More from treo.studio
- Koppel: write Webflow, Framer and Shopify custom code in VS Code or Cursor
- Measings: easing library for GSAP, CSS, Tailwind and Webflow
