The Basic Web Components project seeks to provide a comprehensive set of
solid, well-designed web components that implement very common user
interface patterns. Each component can be used as is, or as the foundation
for new components.
See the main
Basic Web Components
repository for details.
For now, this placeholder site just hosts demos of the project's top-level
A panel that shows animated transitions between selection states.
A text area that expands to contain its text.
Lets the user navigate laterally through a sequence of child elements.
A panel which can be expanded/collapsed with an animated transition.
An anchor (link) that highlights itself when its destination matches the
A single-selection list box that supports selection highlighting (using
the system highlight color) and keyboard navigation.
A panel which shows a single selected page out of a set of pages.
Slideshow with animated transitions.
A simpler version of basic-carousel (above) with lower requirements.
A set of pages with a tab strip governing which page is shown.
The project also includes an extensive series of
web component mixins and
auxiliary components you can use to create your own custom elements.