https://github.com/danieldelcore/precursor
A UI library and place for all of the components we've written a hundred times.
https://github.com/danieldelcore/precursor
Last synced: about 1 month ago
JSON representation
A UI library and place for all of the components we've written a hundred times.
- Host: GitHub
- URL: https://github.com/danieldelcore/precursor
- Owner: danieldelcore
- Created: 2019-06-22T00:51:56.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-23T04:59:39.000Z (almost 3 years ago)
- Last Synced: 2024-10-30T01:30:52.177Z (6 months ago)
- Language: TypeScript
- Homepage:
- Size: 3.1 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![]()
# 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](https://feathericons.com/) project.## SSR 🤖
Under the hood, precursor uses [trousers 👖](https://github.com/danieldelcore/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](https://github.com/danieldelcore/trousers#server-side-rendering-ssr-)
## Folder structure 📂
Precursor uses [yarn workspaces](https://classic.yarnpkg.com/en/docs/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 utilities
- `packages/components`: Stand-alone components
- `packages/elements`: Primitive components intended for use in new compositions
- `packages/layout`: Primitives for arranging components together
- `packages/theming`: Themes, tokens and other APIs indended for customization## Inspired by ❤️
- [Atlassian Design System](https://atlassian.design/)
- [chakra-ui](https://chakra-ui.com/)
- [zeit.co/design/](https://zeit.co/design/)
- [Github Primer](https://primer.style/components)
- [braid design system](https://seek-oss.github.io/braid-design-system)
- [react-ui.dev](https://react-ui.dev)
- [fannypack](https://v5.fannypack.style/)## Built with...
- [trousers 👖](https://github.com/danieldelcore/trousers)
- [changesets 🦋](https://github.com/atlassian/changesets)
- [manypkg ☔️](https://github.com/Thinkmill/manypkg)