Welcome
Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and
code with the web design and development community, we hope it's useful, and we look forward
to your feedback.
In fact, we've just launched two new
Design Pattern forums:
one for discussing this
pattern library and another for talking about the ins and out of
writing design patterns
and maintaining collections of patterns. (We've still got our mailing lists. Our goal with
these new forums is to bring the conversation closer to the library itself. Please join
us!
Most recently, we've added a collection of
Reputation patterns to our growing collection of
social design patterns.
Oh, and we're still pretty jazzed about our wireframe stencil kit.
The stencils in it are mapped to the patterns in this library and the code modules in YUI.
What's a Pattern?
A pattern describes an optimal solution to a common problem within a specific context.
more...
- 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.
- Collectible Achievements
Some participants in communities respond to opportunities to collect and display awards.
- The Competitive Spectrum
The designer needs to match the reputation system to the community's degree of competitiveness.
- Identifying Labels
Community members need to identify distinguished members of the community.
- Leaderboard
In highly competitive communities, users may want to know who are the very best performers in a category or overall..
- Named Levels
Participants in a community need some way to gauge their own personal development within that community.
- Numbered Levels
Participants in a community need some way to gauge how far they've progressed within that community.
- Page Grids
Web sites have a need for consistency amongst common page elements.
- Points
In some communities, participants want a tangible measurement of their accomplishments.
- Ranking
In highly competitive communities, users may want to compare their performance against that of their peers.
- Reputation
The user expects to develop a reputation and hopes for insight into the reputations of others.
- Sign-in Continuity
A user with an account but who is not currently signed in wants to participate by contributing something.
- Top X
Participants in some communities welcome the challenge of striving to enter the top tier of competitors.
- 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