https://github.com/robinweser/kilvin
Primitive React Layout Components using Fela
https://github.com/robinweser/kilvin
component-library cssinjs fela layout primitives react react-components
Last synced: 6 months ago
JSON representation
Primitive React Layout Components using Fela
- Host: GitHub
- URL: https://github.com/robinweser/kilvin
- Owner: robinweser
- License: mit
- Created: 2016-10-13T18:52:23.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:13:26.000Z (over 2 years ago)
- Last Synced: 2025-04-11T12:41:08.252Z (6 months ago)
- Topics: component-library, cssinjs, fela, layout, primitives, react, react-components
- Language: JavaScript
- Homepage: kilvin.js.org
- Size: 5.46 MB
- Stars: 22
- Watchers: 2
- Forks: 10
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: Changelog.md
- License: LICENSE
Awesome Lists containing this project
README
# Kilvin
Kilvin is a set of universal & primitive Layout Components for [React](https://github.com/facebook/react/).
It is build with [Fela](https://github.com/robinweser/fela/) and requires [react-fela](https://github.com/robinweser/fela/tree/master/packages/react-fela). It is intended to be used in projects that use [Fela](https://github.com/robinweser/fela/) anyways.
Each component is carefully crafted and well tested in production.
## Installation
```sh
yarn add kilvin
```
Alternatively use `npm i --save kilvin`.
## The Gist
```js
import { Absolute, Box, Spacer } from 'kilvin'
export default () => (
Fixed in the upper left corner.
A
B
)
```
## Documentation
- [Introduction](https://kilvin.js.org/docs/Introduction.html)
- [Usage](https://kilvin.js.org/docs/Usage.html)
- [Basic](https://kilvin.js.org/docs/usage/Basic.html)
- [Advanced](https://kilvin.js.org/docs/usage/Advanced.html)
- [Components](https://kilvin.js.org/docs/Components.html)
- [Absolute](https://kilvin.js.org/docs/components/Absolute.html)
- [Box](https://kilvin.js.org/docs/components/Box.html)
- [ScrollView](https://kilvin.js.org/docs/components/ScrollView.html)
- [Spacer](https://kilvin.js.org/docs/components/Spacer.html)
- [Changelog](https://kilvin.js.org/docs/Changelog.html)
## License
Kilvin is licensed under the [MIT License](http://opensource.org/licenses/MIT).
Documentation is licensed under [Creative Common License](http://creativecommons.org/licenses/by/4.0/).
Created with ♥ by [@robinweser](http://weser.io) and all the great contributors.