VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore
Gradient
4 export formats

Liquid Chrome

Inspired by liquid metal surfaces and industrial design renders. A metallic silver gradient with subtle high-contrast highlights simulating reflective chrome. Perfect for automotive, luxury products, and 3D showcase pages.

elegantfuturisticboldtechecommercecreative

Gradient Preview

Start#E4E4E7
Mid#52525B
End#FAFAFA
Angle160deg

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Use a liquid chrome gradient with 4 stops: bright silver (#E4E4E7 at 0%), deep zinc shadow (#52525B at 40%), near-white specular (#FAFAFA at 75%), and soft silver (#D4D4D8 at 100%) at a 160-degree angle. The 4-stop structure is critical — the asymmetric dark band at 40% simulates a concave reflective surface, while the near-white at 75% creates a sharp specular highlight that makes the gradient feel three-dimensional. Apply to hero backgrounds, product showcases, and premium CTAs. For maximum impact, layer over near-black (#18181B). For subtle usage, reduce to 15% opacity on dark cards. Animate gradient direction (0-360deg over 6s) for a rotating metallic sheen. This gradient conveys premium materiality, industrial precision, and futuristic luxury.
Gradient

Liquid Chrome

Inspired by liquid metal surfaces and industrial design renders. A metallic silver gradient with subtle high-contrast highlights simulating reflective chrome. Perfect for automotive, luxury products, and 3D showcase pages.

elegantfuturisticboldtechecommercecreative

Gradient Preview

Start#E4E4E7
Mid#52525B
End#FAFAFA
Angle160deg

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Use a liquid chrome gradient with 4 stops: bright silver (#E4E4E7 at 0%), deep zinc shadow (#52525B at 40%), near-white specular (#FAFAFA at 75%), and soft silver (#D4D4D8 at 100%) at a 160-degree angle. The 4-stop structure is critical — the asymmetric dark band at 40% simulates a concave reflective surface, while the near-white at 75% creates a sharp specular highlight that makes the gradient feel three-dimensional. Apply to hero backgrounds, product showcases, and premium CTAs. For maximum impact, layer over near-black (#18181B). For subtle usage, reduce to 15% opacity on dark cards. Animate gradient direction (0-360deg over 6s) for a rotating metallic sheen. This gradient conveys premium materiality, industrial precision, and futuristic luxury.