orbit-components alternatives and similar libraries
Based on the "Responsive" category.
Alternatively, view orbit-components alternatives based on common mentions on social networks and blogs.
-
chakra-ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications -
@blueprintjs/core
A React-based UI toolkit for the web -
semantic-ui-react
The official Semantic-UI-React integration -
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. -
base web
A React Component library implementing the Base design language -
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package -
rebass
:atom_symbol: React primitive UI components built with styled-system. -
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,300+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design -
searchkit
Search UI for Elasticsearch. Compatible with Algolia's Instantsearch and Autocomplete components -
gestalt
A set of React UI components that supports Pinterest’s design language -
zeit-ui-react
A design system for building modern websites and applications. -
rctui
A collection of components for React, base on bootstrap 4.0. -
ChatUI
The UI design language and React library for Conversational UI -
mdbootstrap
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT -
@artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. -
pivotal-ui-react
Pivotal's design system & component library -
flowbite-react
Official React components built for Flowbite and Tailwind CSS -
CoreUI for React
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies. -
AgnosticUI
AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte. -
react-foundation-apps
Foundation Apps components built with React -
fluent-ui
🌈 React components that inspired by Microsoft's Fluent Design System. -
atomize-by-quarkly
library for creating atomic react components -
cdbreact
Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps -
insites-ui
An opinionated UI components library for React. Based on Styled Components and Styled System. -
react-uikit-components
React UIkit Components for the UIKit CSS framework -
atlaskit
Atlassian's official UI library. (Please... no more Jira though 😉) -
radix-ui
Unstyled, accessible components for building high‑quality design systems and web apps. -
Autocomplete
Accessible autocomplete, combobox, multiselect component for React.
Appwrite - The Open Source Firebase alternative introduces iOS support
Do you think we are missing an alternative of orbit-components or a related project?
README
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’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.
Installation
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
Usage
- Import fonts that are used in orbit-components:
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700"
rel="stylesheet"
/>
Or via CSS:
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700");
- 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 or dictionary 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 orbit.kiwi.
You can also try orbit-components
live on CodeSandbox.
Types
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:
Contributing
We are working on making this project a fully open source. We appreciate any contributions you might make.
Bug reports and feature request 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.
Feedback
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 or write to us at #orbit-components on Slack.