About

Cosmos Web Components is a platform-specific component library that turns the universal design language provided by Cosmos Foundation into reusable standard components for products that are built for the web.

Cosmos Web Components is framework agnostic – built on top of the web components standards. Its components can be integrated regardless of the framework or technology stack your product is using.

💡 Pro Tip

Before using Cosmos Web, we recommend getting familiar with Cosmos Foundation first. Read more

Request access

Design

Learn how to access and use the Cosmos Web inside Figma

Develop

Learn how to integrate the Cosmos Web inside a code base

Release Notes

Stay up to date with the recent releases

Benefits

Our web components can be combined to help anyone build web-based products for Red Bull.

The benefits of using Cosmos Web Components include the following:

Efficiently design and develop consistent user experiences.

Allows focusing on solving unique design challenges rather than reinventing standard web components already in use.

Ensures that digital experiences stay up to date and don't break once web components are updated

Components

Components are reusable UI elements to create on-brand web experiences.

Learn more

Make it yours

Customize any aspect of a component using Cosmos Web's customization API

Learn more

Dark and Light

Every component can be rendered dark and light environments.

Learn more