Angular component library and journey maps for Swiss Federal Railways (SBB) digital products.
SBB Angular is an Angular component library and design system implementation created for Swiss Federal Railways (SBB) digital products. It provides reusable UI components that follow SBB's design specifications and includes specialized mapping components for displaying public transport data. The library ensures consistency and accessibility across SBB's web applications and websites.
Angular developers building web applications for Swiss Federal Railways (SBB) or projects requiring SBB's design language. It's also suitable for developers creating public transport applications who need accessible, map-based journey visualization components.
Developers choose SBB Angular for its official SBB design implementation, comprehensive accessibility features, and specialized public transport mapping capabilities. It provides a consistent, tested component library that meets SBB's strict design and accessibility standards.
Angular Library for SBB
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Designed with comprehensive screen reader support for NVDA, JAWS, VoiceOver, and Android Accessibility Suite across major browsers, as documented in the README.
Includes MapLibre-based components for public transport data visualization, available as both Angular and Web Components, ideal for transportation applications.
Implements SBB's design language to ensure consistency across digital products, providing a reliable component library for SBB-branded applications.
Supports the most recent two versions of Chrome, Firefox, Safari, and Edge, including mobile browsers, as stated in the README.
Limited to the Angular framework, making it unsuitable for projects using React, Vue, or other technologies without additional workarounds.
Components adhere strictly to SBB design standards, offering minimal customization for teams needing different visual styles or branding.
The inclusion of MapLibre-based journey maps can significantly increase bundle size, potentially impacting load times for performance-sensitive applications.