Precursor
Start your projects with a minimalistic, composable, lightweight and themable component library.
Layout & Composability
Theming
Iconography
Precursor does not export its own set of iconography in order to try to remain agnostic. However, it does make use of a few icons from the wonderful Feather Icons project.
SSR
Under the hood, precursor uses trousers for styling. Trousers requires that you do some configuration to enable SSR. Please follow the guide there for more information: Server side rendering with trousers
Folder structure
Precursor uses yarn workspaces as the base of the monorepo. Each component can be found as it's own stand-alone package, allowing installation of a sub-set of the components you might need for your project.
Components are categorized into several 'groups':
packages/common: Shared utilitiespackages/components: Stand-alone componentspackages/elements: Primitive components intended for use in new compositionspackages/layout: Primitives for arranging components togetherpackages/theming: Themes, tokens and other APIs indended for customization
Inspired by
- Atlassian Design System
- chakra-ui
- zeit.co/design/
- Github Primer
- braid design system
- react-ui.dev
- fannypack