Oblique is the unified frontend ecosystem of the Swiss Confederation — encompassing all libraries, tools, guidelines and services that shape how we design, build, and maintain user interfaces.
It provides a cohesive foundation for consistent, maintainable and high-quality frontend development across all projects.
The official Oblique documentation is located here: https://oblique.bit.admin.ch/
It includes information about the entire ecosystem, usage instructions, code samples, FAQs, and more.
To set up the monorepo locally, install dependencies:
npm ciThen run the sandbox
npm start -w @oblique/sandboxThis monorepo contains the following packages and applications:
| Project | Description |
|---|---|
| CLI | Command-line interface for managing frontend projects |
| Design System | Core visual and interaction design foundations |
| Oblique | The historical all-in-one Angular library |
| Sandbox | Development playground for testing Oblique features |
| Sandbox SSR | Server-side rendered sandbox setup |
| SDS | The documentation for the Oblique ecosystem |
| Service Navigation Web Component | The Service Navigation implemented as a Web Component |
| Styles Builder | Internal tool to transpile SCSS files |
| Toolchain | Shared build and development tooling |
Contributions from federal teams and the open-source community are welcome. Please refer to our contributing guidelines while contributing to the Oblique ecosystem.
Copyright (c) The Swiss Confederation, represented by the Federal Office of Information Technology, Systems and Telecommunication (FOITT).
Licensed under the MIT license.
