native-piece-hooks
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

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

Package Sidebar

Install

npm i native-piece-hooks

Weekly Downloads

1

Version

0.0.3

License

MIT

Unpacked Size

230 kB

Total Files

8

Last publish

Collaborators

  • yoydev