ui-patterns

Create printable UI mockups & wireframes templates

MCP server providing 28 UX knowledge resources, 23 analysis tools & 4 workflow prompts. Works with Claude, Cursor, Continue.dev, Cline, Zed & any MCP client. WCAG, Nielsen heuristics, design systems, e-commerce, PWA, AI/ML & more.

Simple example workflow for integrating design tokens into your build process.

A one stop repository to learn different computer science/programming patterns⚡

Agent skill that makes mobile UI look like a shipped app: rules with real numbers, screen recipes and a fast screenshot review, from 2,600 screens of 44 iOS apps. Claude Code, Codex, Cursor, Gemini CLI. By Achref Arabi.

A responsive React gallery of focused Framer Motion interaction patterns for modern interfaces.

🦀 A WIP application shell built with Iced (Rust GUI framework) featuring modals, overlays, menus, notifications, theming, and responsive interactions. Serves as a reference implementation and reusable foundation for building cross-platform GUI applications.

A mobile-first design lab for turning dense context into calm, tactile, trust-forward interfaces.

Save UI inspiration from any app; a vision model curates it into a private wiki and turns your taste into a DESIGN.md your coding agent builds from.

Curated 48-image gallery of 2026 modern UI references + skill: dashboards, landing pages, mobile apps — measured color systems, anatomy patterns, anti-slop rules

The documented web interface patterns

An experimental Drupal theme using single directory components (SDC) and UI Patterns

An open-source, copy-paste pattern library for LLM-generated UIs. The implementation layer for agentic UI standards. While rams.ai, ui-skills.com, and Vercel Design Guidelines define the principles, Agent Patterns provides the ready-to-use React components and LLM-optimized schemas that make those standards actionable.

A set of user interface patterns, Lume templates, and shell scripts for static site generation (SSG) and deployment to GitHub Pages.

Measured token values from 116 public design systems, each pinned to a source and version — plus the conventions, linters and agent procedures built on them.

Interactive gallery of framework-agnostic form patterns — multi-step wizards, debounced async validation, undo/reset and accessible error recovery, each with a live playground and copy-paste source.

A universal, tech-stack-agnostic design system with AI agent skills for extracting brand colors and initializing project tokens automatically.

Motion Menu — 597 motion/UI patterns for the web, served over MCP. Free: the whole library. Revenue is Plinth (fixed-scope builds, motionmenu.ca/store).

Patrones de navegacion nativa en React Native: paso de parametros entre pantallas y tema claro/oscuro.