Comprehensive documentation for UX patterns with best practices, accessibility guidelines, and implementation details.

Use https://mcp.uxpatterns.dev as the public MCP server URL in ChatGPT, Claude, Codex, Cursor, and other MCP-compatible clients. The connector uses Streamable HTTP and requires no account or API key.

See client setup instructions for configuration examples. Use the subdomain root exactly as shown; /api/mcp is an internal implementation path and should not be used in shared connector configurations.

For focused questions, request only the pattern sections you need, for example sections: ["Accessibility", "Examples"]. See the reproducible token-budget evaluation for measurements and limits.

• Node.js 24 LTS (see .nvmrc)
• pnpm 10.34.6 (see package.json)

# Clone the repository
git clone https://github.com/thedaviddias/ux-patterns-for-developers.git

# Install dependencies
pnpm install

# Run all projects in development mode
pnpm dev

This will start:

• Web → http://localhost:3060

pnpm dev:web

This is a monorepo managed with Turbo and pnpm workspaces:

ux-patterns-for-developers/
├── apps/
│   └── web/        # Documentation site
├── packages/
│   ├── ui/         # Shared UI components
│   ├── constants/  # Shared constants
│   ├── tracking/   # Analytics utilities
│   └── ...         # Other shared packages

# Build all projects
pnpm build

# Run tests
pnpm test

# Lint and format
pnpm lint
pnpm format

We welcome contributions! Please read our Contributing Guide before submitting a pull request.

• 🐛 Report bugs
• 💡 Suggest new patterns
• 📝 Improve documentation
• 🔧 Submit pull requests

This project is available under a dual license:

• ✅ Free for personal use and non-commercial projects
• ✅ Attribution required
• ✅ Modifications and distributions allowed
• ❌ Commercial use not permitted
• View MIT License Details

• 💼 Required for commercial use
• 🏢 Suitable for businesses and commercial projects
• 🔒 Includes additional rights and support
• View Commercial License Details