A design system and component library for my own personal projects. Take a look around. However, you probably shouldn't use this in your project as there's no guarantee of stability or support.
Install with your favourite package manager
yarn add preshape
Add the CSS to your project, e.g.
import 'preshape/dist/style.css';then import and start using components.
import { Box } from 'preshape';
<Box>...</Box>Description of the design system and component documentation can be found on the Preshape site.
- Node
- Yarn
Clone the repository
git clone git@github.com:HHogg/preshape.git
Install the dependencies with your favourite package manager
yarn
Spin up the dev server
yarn dev
Preshape uses a strict commit message structure that follows the Conventional Commits spec. This is used to automate publishing the package to NPM and generating the changelog with Semantic Release.