Source from repo

User Interface Wiki

Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.

raphaelsalajaGitHub raphaelsalajaSource repo Original GitHub link Publisher page

Files

157

Skill

n/a

Size

184.3 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

rules/easing-no-linear-motion.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown23 linesFree

rules/easing-no-linear-motion.md

1---
2title: No Linear Easing for Motion
3impact: MEDIUM
4impactDescription: Linear easing for motion feels mechanical; reserve it for progress indicators where uniform speed is expected.
5tags: easing, linear, animation
6---
7 
8## No Linear Easing for Motion
9 
10Linear easing should only be used for progress indicators, not motion.
11 
12**Incorrect (linear for motion):**
13 
14```css
15.card { transition: transform 200ms linear; }
16```
17 
18**Correct (linear for progress only):**
19 
20```css
21.progress-bar { transition: width 100ms linear; }
22```
23

Preparing the source view

User Interface Wiki

rules/easing-no-linear-motion.md