The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Recently I've come across a useful tool for creating awesome gradients.
It comes with 1,200+ WebGL shader gradient presets and 14 different gradient types, so you can start from a library, tweak endlessly, and create something truly unique every time.
If you’d like to try it, drop a comment and I'll leave you the link to test it out.
This looks powerful 🔥 I’m always looking for better gradient tools would love to test it.
Hi, Akin this tool is very powerful! I'll leave you the link in private messages 🔥
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Declarative WebGL Particle Morphing
Demo: https://codesandbox.io/p/sandbox/ycqkng
Problem: Morphing 3D particles usually requires manual buffer management, GPGPU shaders, and imperative render loops. It’s boilerplate-heavy and disconnected from the DOM.
Approach: StringTune-3D treats the DOM as the strict single source of truth. WebGL instancing is controlled purely via CSS.
Mechanisms:
• Instancing: Set --particles-mode: instanced on a standard <div>.
• Geometry: Pass a .glb URL to the --instance-model CSS variable.
• Interpolation: Update the variable. The rule transition: --instance-model 0.8s ease forces the engine to intercept the state change and interpolate GPU buffers to match the CSS easing curve.
Zero manual buffer management. Pure CSS driving 3D geometry updates.
Like! An animation from a series of Chaos Phoenix liquid simulations I've worked on.
• 3h
Really Great work, Keep it up !
Been working through all the thoughtful feedback I received from some incredible people, thank you 🙌
A couple of updates:
The shader tool finally has an official name.
To find out what it is, you’ll have to watch the video 😉
We just leveled up:
You can now add text and SVG layers directly on top of your gradients. Or render gradients to text layers and SVG as well.
No more downloading a gradient and jumping into another tool to add typography or icons.
The bigger goal: evolve this into something that can handle social posts, quick graphics, and more end-to-end.
🎥 Watch the video, and if you comment the shader tool’s name, I’ll give you 2 weeks of Pro access.
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?