Home

Awesome

Kilvin

Kilvin is a set of universal & primitive Layout Components for React.<br> It is build with Fela and requires react-fela. It is intended to be used in projects that use Fela anyways.

Each component is carefully crafted and well tested in production.

<a href="https://bundlephobia.com/result?p=kilvin@latest"><img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/kilvin.svg"></a> <img alt="npm downloads" src="https://img.shields.io/npm/dm/kilvin.svg"> <img alt="npm version" src="https://badge.fury.io/js/kilvin.svg">

Installation

yarn add kilvin

Alternatively use npm i --save kilvin.

The Gist

import { Absolute, Box, Spacer } from 'kilvin'

export default () => (
  <Box space={2}>
    <Absolute top={0} left={0} fixed>
      Fixed in the upper left corner.
    </Absolute>
    <Box padding={2}>A</Box>
    <Box padding={3} width={50}>
      B
    </Box>
  </Box>
)

Documentation

License

Kilvin is licensed under the MIT License.<br> Documentation is licensed under Creative Common License.<br> Created with ♥ by @robinweser and all the great contributors.