Opinionated React UI library built with styled-components and TypeScript

by React

@lapidist/components

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

View Demo View Github

Getting Started

@lapidist/components is available as an npm package.

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

Installation

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

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

Usage

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 = () => (
    <ThemeProvider>
        <Text>Hello world</Text>
    </ThemeProvider>
);

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

Philosophy

  • 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.

License

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