Skip to content

React primitive UI components. Use the best bits of ES6 and CSS to style your apps without stress

License

Notifications You must be signed in to change notification settings

lac617a/native-piece

Repository files navigation

Downloads Version MIT License

native-piece

React primitive UI components. Use the best bits of ES6 and CSS to style your apps without stress

npm i native-piece

or usage yarn

yarn add native-piece

Getting Started

For general use we don't have to use or pass a provider or something similar, what we have here is a pure CSS component, something similar to styled-components but more dynamic and easier to use.

import React from 'react'
import { Box, Stack } from 'native-piece'

export default props =>
  <Box>
    <Stack color="red">
      {props.children}
    </Stack>
  </Box>

Features

  • Start your design system without boiling the ocean
  • Build consistent UI with design constraints and user-defined scales
  • Best-in-class developer ergonomics with pure css props
  • Flexbox layout with the Box and Flex components
  • Flexibility built in for high design & development velocity
  • Minimal footprint at about 4KB

Principles

native-piece is intended to be:

  • Minimal
  • Useful
  • Unopinionated
  • Flexible
  • Consistent
  • Extensible

Related

MIT License

About

React primitive UI components. Use the best bits of ES6 and CSS to style your apps without stress

Resources

License

Stars

Watchers

Forks

Packages

No packages published