# Tangent

> Tangent is a curated catalogue of digital craft for designers and design engineers: interfaces worth studying, UI patterns, component libraries, motion, tools and the people behind them. Everything is organised as a graph, so every entry links to related work ("tangents") with a reason.

## Sections

- [Discover](https://tangent.directory/discover): 473 entries
- [Inspiration](https://tangent.directory/inspiration): 119 entries
- [Components](https://tangent.directory/components): 125 entries
- [Patterns](https://tangent.directory/patterns): 33 entries
- [Motion](https://tangent.directory/motion): 47 entries
- [Build](https://tangent.directory/build): 77 entries
- [Visuals](https://tangent.directory/visuals): 73 entries
- [Tools](https://tangent.directory/tools): 76 entries
- [Learn](https://tangent.directory/learn): 37 entries
- [People](https://tangent.directory/people): 108 entries

## Patterns

- [AI Chat](https://tangent.directory/patterns/ai-chat): Conversational interfaces: prompts, streaming responses, tools.
- [AI Interfaces](https://tangent.directory/patterns/ai-interfaces): Patterns for products built around models, beyond chat.
- [Call to Action](https://tangent.directory/patterns/call-to-action): The moment a page asks for something.
- [Command Menu](https://tangent.directory/patterns/command-menu): A keyboard-summoned palette that doubles as navigation and action launcher.
- [Dashboard](https://tangent.directory/patterns/dashboard): An overview surface: key numbers, recent activity, next actions.
- [Data Visualization](https://tangent.directory/patterns/data-visualization): Charts and graphics that make numbers legible.
- [Drawer](https://tangent.directory/patterns/drawer): A panel that slides in from an edge, often draggable on mobile.
- [Filtering](https://tangent.directory/patterns/filtering): Narrowing a set by facets, chips, or queries.
- [Footer](https://tangent.directory/patterns/footer): The end of the page: links, legal and last calls to action.
- [Forms](https://tangent.directory/patterns/forms): Collecting input: fields, validation, errors and submission.
- [Hero](https://tangent.directory/patterns/hero): The first screen of a marketing page.
- [Keyboard Navigation](https://tangent.directory/patterns/keyboard-navigation): Moving through an interface without a pointer: focus, shortcuts, roving tabindex.
- [Loading](https://tangent.directory/patterns/loading): Spinners, skeletons and progress while something happens.
- [Micro-interactions](https://tangent.directory/patterns/micro-interactions): Small responses to input that make an interface feel alive.
- [Modal Dialog](https://tangent.directory/patterns/modal-dialog): A focused layer that interrupts on purpose.
- [Navigation](https://tangent.directory/patterns/navigation): How people move between the major areas of a product.
- [Notifications](https://tangent.directory/patterns/notifications): Telling people something happened, without shouting.
- [Onboarding](https://tangent.directory/patterns/onboarding): The first minutes: setup, education and getting to value.
- [Page Transition](https://tangent.directory/patterns/page-transition): Continuity between routes and views.
- [Pricing](https://tangent.directory/patterns/pricing): Plans, comparisons and the path to paying.
- [Scroll Animation](https://tangent.directory/patterns/scroll-animation): Motion driven by scroll position.
- [Search](https://tangent.directory/patterns/search): Finding things by typing: inputs, suggestions, results and empty states.
- [Sidebar](https://tangent.directory/patterns/sidebar): Persistent vertical navigation alongside the main content.
- [Tabs](https://tangent.directory/patterns/tabs): Switching between sibling views in place.
- [Toast](https://tangent.directory/patterns/toast): Brief, non-blocking confirmation that appears and leaves.

## Machine-readable

- [Full catalogue](https://tangent.directory/llms-full.txt): every published entry, one line each
- [JSON API](https://tangent.directory/api/v1/resources): read-only, no key. Also /api/v1/search?q=, /api/v1/patterns, /api/v1/people (filters and cursor paging as on the MCP tools)
- [MCP server](https://tangent.directory/api/mcp): Streamable HTTP, read-only tools (find_inspiration, search_resources, browse_vertical, get_resource, related_resources, list_patterns, get_pattern, search_people, list_people, get_person) and prompts (design-research, references-for-screen)