After a huge discussion in the team we decided to use Chakra UI which is built on the same foundamentals as Alea, but it has a lot of easily customizable components.
The design system and building blocks of every Cogito product. 🎲
alea: latin phrase for dice, cube
Alea iacta est ("The die is cast") is a variation of a Latin phrase attributed by Suetonius to Julius Caesar on January 10, 49 B.C. as he led his army across the Rubicon river in Northern Italy.
There are a lot of great React UI component libraries, such as Material UI, Ant Design, Semantic UI, Grommet and the list goes on. Although we couldn't find a proper one which fits our custom needs without making any compromise.
On the other hand based on our early experiences we struggled a lot with component development within our application, so we wanted to create an isolated environment where we can iterate fast on component building, styling and visual testing. With the success of popular component documentation and development tools (Storybook, Docz, Styleguidist) we found our solution.
Starting from scratch is always a hard decision, but our goal is to create and maintain a single source of truth of our design system and our web app component library. We don't want to create another popular open source UIKit. Since we only depend on open source projects so it was a no brainer to make our library open as well.
⚠️ It's still a heavily work in progress library and only fits our custom needs.
- React with create-react-app
- TypeScript
- styled components
- styled-system
- Storybook
- ESLint
- stylelint
- Prettier
- renovatebot
- Github Actions
- Github's Primer Component
- Artsy's Reaction and Palette
- Rebass