Opinionated React UI library, built with styled-components and TypeScript.

Getting Started

@lapidist/components is available as an npm package.

See https://components.lapidist.net for the full documentation.


// via npm
npm install @lapidist/components styled-components

// or via yarn
yarn add @lapidist/components styled-components


Ensure you wrap your application with the <ThemeProvider> component.
Here is a quick example to get you started:

import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider, Text } from '@lapidist/components';

const App = () => (
        <Text>Hello world</Text>

ReactDOM.render(<App />, document.querySelector('#app'));


  • Quality over quantity: a small library of well-designed components is preferable to many poor components.
  • Constraints are good: consistency takes precedence over configurability.
  • Modern: we don't support older browsers.


@lapidist/components is licensed under the MIT license. See LICENSE for the full text.