Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time
January 23, 2021 00:34
November 30, 2021 14:14
September 15, 2023 12:12
September 30, 2020 12:23
August 16, 2023 16:58
February 15, 2021 23:34
November 30, 2021 14:14
February 11, 2019 10:13
December 14, 2020 12:49
September 15, 2023 12:12 library CI Build Orbit release lerna minified and gzipped size Maintenance Downloads

Orbit-components is a React component library that provides developers with the easiest possible way of building’s products.

Orbit Mission

Orbit aims to bring order and consistency to all of our products and processes. We elevate user experience and increase the speed and efficiency of how we design and build products.


orbit-components are served as an npm package.

Add them to your project by running:

// with npm
npm install @kiwicom/orbit-components

// with yarn
yarn add @kiwicom/orbit-components

Don't forget to install the styled-components


  1. Import fonts that are used in orbit-components:

Or via CSS:

@import url(",400i,500,500i,700");
  1. Include any of our components in your project and use it:
import Alert from "@kiwicom/orbit-components/lib/Alert";

<Alert>Hello World!</Alert>;

If you want to use custom theme inside your project, it's necessary to wrap your app into <OrbitProvider>. See this document for more information.

For live preview check out Storybook or

You can also try orbit-components live on CodeSandbox.


Orbit comes with both Flow and Typescript definitions files, so you can choose what fits your project. However, if you work with Typescript, you need to add type for styled-components.

// with npm
npm install @types/styled-components --save-dev

// with yarn
yarn add @types/styled-components -D

Main Sections


We are working on making this project a fully open source. We appreciate any contributions you might make.

Bug reports and feature requests are welcome but, please use the correct template.

Please check out our Contribution Guide. It includes contribution guidelines and information on how to run and develop the project.


We want to provide only components of the highest quality. We can’t do that without your feedback. If you have any suggestions about what we can do to improve components, please report it directly as an issue.