> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/raphaelsalaja/userinterface-wiki/llms.txt
> Use this file to discover all available pages before exploring further.

# A Living Manual for Better Interfaces

> Explore a comprehensive collection of articles, patterns, and best practices for designing and building user interfaces that evolve with the field

Knowledge should be shared. The User Interface Wiki is a free, evolving collection of articles, patterns, and best practices for designing and building exceptional user interfaces. This wiki incorporates new insights and techniques as they emerge, creating a living resource for designers and developers.

## What You'll Find Here

This wiki bridges design theory and practical implementation, covering everything from timeless animation principles to modern web APIs. Each article combines conceptual frameworks with working examples you can learn from and adapt.

<CardGroup cols={2}>
  <Card title="Design Principles" icon="compass-drafting" href="/principles/laws-of-ux">
    Foundational principles that guide effective UI/UX design decisions
  </Card>

  <Card title="Animation & Motion" icon="wand-magic-sparkles" href="/animation/12-principles-of-animation">
    Master the 12 principles of animation and advanced motion techniques
  </Card>

  <Card title="Visual Design" icon="palette" href="/visual/morphing-icons">
    Techniques for creating polished, engaging visual experiences
  </Card>

  <Card title="Sound & Audio" icon="volume-high" href="/audio/sounds-on-the-web">
    Integrate audio feedback and generate sounds with modern web APIs
  </Card>
</CardGroup>

## Built With Modern Tools

The technical foundation of this wiki demonstrates the principles it teaches, built with carefully selected technologies that prioritize developer experience and performance.

<CardGroup cols={2}>
  <Card title="Fumadocs" icon="book" href="https://github.com/fuma-nama/fumadocs">
    Documentation framework built on Next.js and MDX
  </Card>

  <Card title="Base UI" icon="cubes" href="https://base-ui.com/">
    Headless component primitives for accessible React interfaces
  </Card>

  <Card title="Motion" icon="circle-play" href="https://motion.dev">
    Production-ready animation library for creating fluid interactions
  </Card>

  <Card title="Eleven Labs" icon="microphone" href="https://elevenlabs.io/">
    AI-powered text-to-speech for article narration
  </Card>
</CardGroup>

## Get Involved

This wiki thrives on community contributions. Whether you spot a typo, want to improve an example, or have an entirely new article to contribute, your input helps make this resource better for everyone.

<Card title="Contributing Guide" icon="code-pull-request" href="/contributing">
  Learn how to contribute articles, demos, and improvements
</Card>

## Why This Exists

Motion on the web has evolved from simple transitions to sophisticated, purposeful animations that guide users and create memorable experiences. The difference between good and great often comes down to intention—great design is purposeful, subtle, and rooted in principles that have guided creators for decades.

This wiki captures and shares that knowledge, making it accessible to anyone building for the web.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.