\n\n[](https://buildkite.com/uberopensource/baseui)\n\n**Base** is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.\n\n
\n\n## Usage\n\n\n```bash\n# using yarn\nyarn add hv-baseweb\n\n# using npm\nnpm install hv-baseweb\n\n# to publish \nnpm publish\n```\n```javascript\nimport {Styletron} from 'hv-baseweb';\nimport {StyletronProvider} from 'hv-baseweb';\nimport {HvTheme, BaseProvider, styled} from 'hv-baseweb';\nimport {StatefulInput} from 'hv-baseweb';\n\nconst engine = new Styletron();\n\nconst Centered = styled('div', {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: '100%',\n});\n\nexport default function Hello () {\n return (\n \n \n \n \n \n \n \n );\n}\n```\n\nBoth Base Web and Styletron come with [flow types](https://flow.org/) and [TypeScript](https://www.typescriptlang.org/index.html). All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages:\n\n```bash\nyarn add @types/styletron-standard @types/styletron-react @types/styletron-engine-atomic\n```\n\n## Example\n\nAn example of an application using Base Web can be found [here](https://github.com/tajo/fusion-baseui). You can also check how it works on [CodeSandbox](https://codesandbox.io/s/patient-sky-nn8t7).\n\n## Docs\n\nTo read the documentation, please visit [baseweb.design](https://baseweb.design).\n\n## Contributing\n\n[Contributing](CONTRIBUTING.md)\n\n## Shoutouts 🙏\n\n\n\nBig thanks to [BrowserStack](https://www.browserstack.com) for letting the maintainers use their service to debug browser issues.\n","readmeFilename":"README.md"}
![](\"https://res.cloudinary.com/dawr8pobn/image/upload/v1556920604/base-web.svg\")
\n \n![](\"https://i.imgur.com/UaRZdTq.png\")
\n \n![\"BrowserStack](\"https://raw.githubusercontent.com/tajo/react-movable/master/assets/browserstack-logo.png?raw=true\" "\\"BrowserStack"){kind=logo}
\n\nBig thanks to [BrowserStack](https://www.browserstack.com) for letting the maintainers use their service to debug browser issues.\n","readmeFilename":"README.md"}