Liquid Logo
Drop in your logo and get it back as flowing liquid metal, rendered live with shaders.
What it is
Liquid Logo by Paper turns any logo image into an animated liquid-metal version in the browser. Upload an SVG or PNG, tweak the parameters and you have a hero-worthy moment. It's built on Paper Shaders, the same team's open-source React shader library, and the whole app is on GitHub so you can see exactly how the effect is made.
Why it’s here
One of the best examples of a single effect done with real craft. Use it for a launch page or a loading state, not for every logo on the site. The source is more valuable than the app: it shows how to wire a shader into a React app properly.
Best for
- a launch-page hero moment
- logo reveals
- learning how shader effects are wired into React
Can my agent use this?
Agent good agent friendlinessPartly. The app's source is public, so your agent can read how the effect is built and adapt the approach using the MIT-licensed Paper Shaders package. Note the app itself is under PolyForm Shield, which restricts building a competing product from it; read the licence before copying code wholesale.
Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.
Access methods
- GitHub
- Public website
Related resources
ShaderGradient 
ShaderGradient
Slow-moving 3D gradients for React, Framer and Figma that look like expensive motion design.
PackageFreeOpen sourceexcellent agent friendlinessLiquid Glass JS 
Liquid Glass JS
Apple's Liquid Glass look on the web: real-time refraction, blur and masking in WebGL.
GitHub repositoryFreeOpen sourceexcellent agent friendlinessReact Three Fiber 
React Three Fiber
Three.js as React components, with a huge helper ecosystem.
PackageFreeOpen sourceexcellent agent friendlinessAceternity UI 
Aceternity UI
Showy, copy-paste React components for landing pages that need a moment.
Component librarygood agent friendliness