Skip to main content
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.

Design Principles

Foundational principles that guide effective UI/UX design decisions

Animation & Motion

Master the 12 principles of animation and advanced motion techniques

Visual Design

Techniques for creating polished, engaging visual experiences

Sound & Audio

Integrate audio feedback and generate sounds with modern web APIs

​
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.

Fumadocs

Documentation framework built on Next.js and MDX

Base UI

Headless component primitives for accessible React interfaces

Motion

Production-ready animation library for creating fluid interactions

Eleven Labs

AI-powered text-to-speech for article narration

​
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.

Contributing Guide

Learn how to contribute articles, demos, and improvements

​
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.

Build docs developers (and LLMs) love

Get started for freeTalk to us