What's interesting
- Drop-in Framer component: swap your SVG logo
- Tune chrome and reflection from the property panel
- Free marketplace piece, no custom WebGL work
Use in your project
- Insert on your hero frame and replace the logo asset.
- Tune chrome and reflection to brand colors.
- Outside Framer: match the metal motion, not the marketplace defaults.
Prompt your agent
From AI UX Playground: https://aiuxplayground.com/inspirations/liquid-metal-logo
Liquid Metal Logo by Fred Moon
Liquid Metal Logo by Fred Moon turns a brand mark into a live metallic animation inside Framer, flowing, chromatic, and reflective without hand-rolling WebGL. Drop the component onto a frame, swap in your logo, and tune the material for hero sections, launch pages, and portfolio headers. A strong reference for marketplace components that ship shader polish in minutes, and for logo treatments that feel tactile instead of static.
Recreate this liquid-metal logo for our marketing site (not Framer).
Logo: [attach SVG]. Brand colors: [#hex / #hex].
Match hero layout from [our URL]. Reduce motion on mobile if needed.
