# UI Development Navigation

**Scope**: Frontend code + visual design

---

## Structure

```
Frontend Code (development/frontend/):
└── react/
    ├── navigation.md
    └── react-patterns.md

Visual Design (ui/web/):
├── animation-patterns.md
├── ui-styling-standards.md
├── design-systems.md
└── design/
    ├── concepts/
    └── examples/
```

---

## Quick Routes

| Task | Path |
|------|------|
| **React patterns** | `frontend/react/react-patterns.md` |
| **Animations** | `../../ui/web/animation-patterns.md` |
| **Styling** | `../../ui/web/ui-styling-standards.md` |
| **Design systems** | `../../ui/web/design-systems.md` |

---

## By Framework

**React** → `frontend/react/`

## By Concern

**Code patterns** → `development/frontend/`
**Visual design** → `ui/web/`

---

## Related Context

- **Core Standards** → `../core/standards/code-quality.md`
- **UI Category** → `../ui/navigation.md`