As CSS-in-JS libraries matured and with the emergence of such great tools as storybook, it became significantly easier and faster to build UI components and design systems.

We looked at other design-systems and we realized that it's easier to build it ourselves rather than trying to customize/override the third-party components.

This design system has a limited feature set designed around Gravitational requirements.

This design system takes advantage of the two great libraries styled-components and styled-system.

Please refer to the following articles to get familiar with the general concept and principles on which this design system is built.

Build Better Component Libraries with Styled System

Component Based Design System With Styled-System