Mozilla Protocol
by Mozilla
Protocol — Mozilla's design system for building consistent web experiences across Mozilla properties
Philosophy
Protocol provides a unified design language and component library for Mozilla's web properties, reflecting Mozilla's mission of an open and accessible internet.
Principles
- Open web advocacy
- Accessible to all
- Consistent Mozilla brand
- Privacy-respecting
Components
ArticleBillboardBreadcrumbButtonCallOutCardCompactCallOutContentCardDetailsDownloadEmailFormFeatureFooterGridHeaderHeroLangSwitcherLayoutMenuModalNavigationNewsletterNotificationPageHeroPictoSideMenuSplitBlockWordMark
In our catalogue (26)
- Accordionhttps://protocol.mozilla.org/components/detail/details.html
- Alerthttps://protocol.mozilla.org/components/detail/notification-bar--default.html
- Breadcrumbshttps://protocol.mozilla.org/components/detail/breadcrumb.html
- Buttonhttps://protocol.mozilla.org/components/detail/button--primary.html
- Button grouphttps://protocol.mozilla.org/components/detail/button-container--default.html
- Cardhttps://protocol.mozilla.org/components/detail/card--overview.html
- Checkboxhttps://protocol.mozilla.org/components/detail/checkboxes.html
- Date inputhttps://protocol.mozilla.org/components/detail/input--date.html
- Dropdown menuhttps://protocol.mozilla.org/components/detail/menu-list--default.html
- Fieldsethttps://protocol.mozilla.org/components/detail/field-set.html
- File uploadhttps://protocol.mozilla.org/components/detail/input--file.html
- Footerhttps://protocol.mozilla.org/components/detail/footer.html
- Formhttps://protocol.mozilla.org/components/detail/example-form.html
- Headinghttps://protocol.mozilla.org/components/detail/headings.html
- Linkhttps://protocol.mozilla.org/components/detail/links--default.html
- Listhttps://protocol.mozilla.org/components/detail/lists--default.html
- Modalhttps://protocol.mozilla.org/components/detail/modal.html
- Navigationhttps://protocol.mozilla.org/components/detail/navigation--default.html
- Quotehttps://protocol.mozilla.org/components/detail/blockquote.html
- Radio buttonhttps://protocol.mozilla.org/components/detail/radio-buttons.html
- Search inputhttps://protocol.mozilla.org/components/detail/input--search.html
- Selecthttps://protocol.mozilla.org/components/detail/select--default.html
- Tablehttps://protocol.mozilla.org/components/detail/tables.html
- Text inputhttps://protocol.mozilla.org/components/detail/input--text.html
- Textareahttps://protocol.mozilla.org/components/detail/textarea.html
- Videohttps://protocol.mozilla.org/components/detail/video.html
Details
- Platforms
- web
- Features
- tokensa11ythemingicons
- Last updated