Welcome
Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and
code with the web design and development community, hope it's useful, and look forward to your
feedback.
The most recent pattern we've released is
Carousel, and we've got some great things coming
in the new year.
By the way, if you're considering building your own pattern repository or are interested
in how we curate our pattern collection here (and how we document patterns internally in the
parent library to this one), then you might enjoy
an inside look at
the Pattern Library. Happy New Year!
What's a Pattern?
A pattern describes an optimal solution to a common problem within a specific context.
more...
- Alphanumeric Filter Links
The user needs the ability to look up information alphabetically within a large data set.
- Animate Transition
Designer needs to communicate that an object is changing its spatial relationship within the page.
- Calendar Picker
User wants to find or submit a particular piece of information based on a date or between a date range.
- Carousel
User needs to browse among a set of like objects represented pictorially.
- Collapse Transition
The designer needs to communicate that an object is no longer of primary importance.
- Drop Invitation
Designer needs to indicate valid candidate drop sites during a drag and drop operation.
- Expand Transition
Designer needs to show the detail of an object in its context or reveal a previously collapsed object.
- Page Grids
Web sites have a need for consistency amongst common page elements.
- Self Healing Transition
Designer wants to show that an object has been removed from a list of objects.
- Slide Transition
The designer wants to bring new content into the page and would like to communicate the additional content's relationship with other items on the page.
- Tool Tip Invitation
Designer needs to cue the user about what will happen if they click the mouse on the hovered object.
- Vote to Promote
User wants to promote a particular piece of content in a community pool of submissions.
Yahoo! UI Library
Need code?
Get our open source Ajax library.
» Learn More
