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/timing-no-entrance-context-menu.md

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

Rendered Source

markdown23 linesFree

rules/timing-no-entrance-context-menu.md

1---
2title: No Entrance Animation on Context Menus
3impact: HIGH
4impactDescription: Entrance animations on context menus delay access to options and feel unnecessary for ephemeral UI.
5tags: timing, context-menu, entrance
6---
7 
8## No Entrance Animation on Context Menus
9 
10Context menus should not animate on entrance (exit only).
11 
12**Incorrect (animates entrance):**
13 
14```tsx
15<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} />
16```
17 
18**Correct (exit only):**
19 
20```tsx
21<motion.div exit={{ opacity: 0 }} />
22```
23

Preparing the source view

User Interface Wiki

rules/timing-no-entrance-context-menu.md