Skip to content

wso2/oxygen-ui

Repository files navigation

WSO2 Oxygen UI light mode logo WSO2 Oxygen UI dark mode logo

The Design System powering WSO2's core products.

🚀 Release ☄️ Deploy Documentation 🌳 Unit Tests 🧱 Builder Stackoverflow Discord License

Oxygen UI is the underlying design system that powers WSO2's core products like Asgardeo, Choreo, WSO2 Identity Server, etc.

This repository contains the source code of the key components that works together for building resilient UIs.

Packages

Package Description Version
@oxygen-ui/primitives Low level building blocks of Oxygen UI (e.g. icons, fonts) npm
@oxygen-ui/react The React implementation of Oxygen UI. npm
@oxygen-ui/react-icons React components for Oxygen UI icons. npm
@oxygen-ui/logger Logger for the Oxygen UI packages npm

Examples

  • 💅 Multi Brand Identity Demo

    Sample app to showcase Oxygen Design System's multi-branding capabilities.

    ✨ Features

    • Ability to switch between different WSO2 brand identities. i.e. Asgardeo, Choreo, etc.
    • Ability to integrate with Asgardeo Branding feature.

    Click here → for the source code 🧑‍💻

Documentation

For more information on how to use Oxygen UI, check out the documentation website.

Changelog

You can find the latest changes and updates for Oxygen-UI in the Changelog section. This includes information on new features, bug fixes, and improvements made to the project with each release.

💡 It's recommended to review the changelog before upgrading to a new version of Oxygen-UI.

Contributing

Want to report a bug, contribute some code, or improve the documentation?

Excellent! Read up on our guidelines for contributing to get started.

License

Licenses this source under the Apache License, Version 2.0 LICENSE, You may not use this file except in compliance with the License.