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/container-no-excessive-use.md

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

Rendered Source

markdown14 linesFree

rules/container-no-excessive-use.md

1---
2title: Use Animated Bounds Sparingly
3impact: MEDIUM
4tags: container, performance, restraint
5---
6 
7## Use Animated Bounds Sparingly
8 
9Animated bounds is a subtle effect. Use it for buttons, accordions, and interactive elements — not everywhere.
10 
11**Good use cases:** loading state buttons, expandable sections, accordions, FAQs, content reveals.
12 
13**Bad use cases:** every container on the page, static layouts, elements that don't change size.
14

User Interface Wiki

rules/container-no-excessive-use.md

Preparing the source view

User Interface Wiki

rules/container-no-excessive-use.md