Minimal Motion

Use whenever creating animations, transitions, hover effects, UI interactions, page motion, microinteractions, or animated interfaces. Creates subtle, restrained, premium motion design and prevents overanimated UI.

bruhxax Updated

File contents

Minimal Motion

Motion should support usability, clarity, and feedback, not distract the user.

Avoid excessive movement, constant animations, floating UI effects, exaggerated hover effects, giant animated transitions, distracting animated backgrounds, and unnecessary motion.

Prefer subtle fades, soft transitions, restrained scaling, smooth opacity changes, calm hover feedback, and short transition durations.

Do not make buttons jump, bounce, float, or overscale aggressively.

Avoid animated particles, floating blobs, animated gradients, decorative moving backgrounds, excessive parallax, and constant looping effects unless explicitly requested.

Before finishing, remove unnecessary animations, reduce distracting motion, simplify hover effects, and ensure motion feels calm and premium.

bruhxax/codex-skills-pack/tree/main/.codex/skills/minimal-motion commit 3bf8536171

Frequently asked questions

npx skillmds@latest add bruhxax/minimal-motion