Organic blob shapes, flowing gradients, and gentle morphing animations that create interfaces feeling alive, warm, and endlessly fluid.
Typography
Liquid typography pairs rounded display faces with clean, readable body text to reinforce the organic aesthetic throughout.
Color Palette
Harmonious color transitions flow like watercolor on wet paper, evoking calmness, trust, and organic warmth.
Components
Rounded corners, soft shadows, and translucent layers create floating surfaces that feel organic and alive.
Amorphous shapes with smooth curves and no sharp corners serve as backgrounds, masks, and decorative elements that evoke natural forms.
Semi-transparent shapes stacked at varying opacities create atmospheric perspective and a sense of gentle depth throughout the interface.
Slow, meditative morph animations with 8-15 second cycles create a calm, fluid feeling that makes every element feel alive.
Frosted glass effects layered over gradient blobs combine depth and atmospheric softness.
Effects & Details
Morphing SVGs, lava lamp blobs, water ripples, gooey metaballs, and melting transitions bring the fluid aesthetic to life.
SMIL-animated SVG paths morph between organic shapes, creating complex concave curves impossible with CSS border-radius alone.
Soft gradient blobs rise and fall within a container, morphing shape as they move like viscous liquid in a lava lamp.
Concentric rings expand outward from a center point, fading as they grow to simulate the gentle disturbance of a water surface.
SVG blur and color matrix filters cause overlapping shapes to merge like liquid blobs combining under surface tension.
Shapes gradually deform downward as if melting, with border-radius shifting to create viscous, dripping visual effects.
Multiple organic blobs drift independently at varying speeds, creating a layered atmospheric background of gentle motion.
Undulating edges replace hard lines, created via SVG paths and curved CSS shapes.
Rose to lavender gradient flow
The curved boundary between header and body creates a natural, organic transition that feels like liquid flowing between two surfaces.
Sky to lilac gradient flow
Wavy section dividers eliminate hard horizontal rules, using SVG paths that undulate gently to maintain the liquid design language.
Blob shapes morph and expand on interaction, reinforcing the liquid feel.
Border-radius shifts on hover, creating a living organic response
Gradient wash expands from center on hover, flooding the card softly
Gentle upward lift with elevated shadow simulates buoyant liquid motion
Embrace organic flow and build interfaces that feel warm, human, and endlessly alive. Every shape breathes, every gradient flows.