# Micro Interaction

> Adds functional UI micro-interactions with Framer Motion (motion/react) and modern CSS: hover and press feedback, toggles, toasts, drawers, modals, list reorder and shared-element transitions, with 100-250ms timings, asymmetric enter and exit easing, and reduced-motion support.

- Type: Skill
- Repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/micro-interaction
- Page: https://hebbmind.com/ko/skill/micro-interaction
- Stars: 43
- Professions: [Frontend](https://hebbmind.com/ko/tools.md?profession=frontend), [Design](https://hebbmind.com/ko/tools.md?profession=design)
- Tags: animation, ui-components, framer-motion, react, css
- Listed on: 2026-10-08

## Install

### Claude Code

```bash
npx skills add iart-ai/web-animation-skills --skill micro-interaction -a claude-code -y
```

### Codex

```bash
npx skills add iart-ai/web-animation-skills --skill micro-interaction -a codex -y
```

## README

The README of this resource is not cached here yet. See the repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/micro-interaction