All motion keywords

Flairblob-morph

Blob morph

Organic shape endlessly morphs — living background blob.

tap / hover to play

<motion.div
  animate={{
    borderRadius: [
      "60% 40% 30% 70% / 60% 30% 70% 40%",
      "30% 60% 70% 40% / 50% 60% 30% 60%",
      "60% 40% 30% 70% / 60% 30% 70% 40%",
    ],
  }}
  transition={{ duration: 8, repeat: Infinity, ease: "easeInOut" }}
/>

How to use it

Copy-paste

Grab the code above and drop it onto any motion.* element.

Or name it

In Claude Code / Cursor, run /ss-motion blob-morph and the recipe lands in your code.

Personality

Pairs naturally with the float seed (weightless, dreamy).

Related Flair moves

Card tilts in 3D toward the cursor — depth on hover

Button drifts toward the cursor, springs back on leave

Breathing neon glow — draws the eye to a hot CTA

Animated gradient flows through text or a surface

20+ named motion moves

All copy-paste, all in StyleSeed’s design engine. MIT.

Browse the gallery Star