https://github.com/cherry-design-system/styled-components
🍒 Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.
https://github.com/cherry-design-system/styled-components
design-system figma library react ui-components
Last synced: 3 months ago
JSON representation
🍒 Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.
- Host: GitHub
- URL: https://github.com/cherry-design-system/styled-components
- Owner: cherry-design-system
- Created: 2024-03-07T20:34:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-03-22T01:11:35.000Z (3 months ago)
- Last Synced: 2026-03-22T16:55:10.511Z (3 months ago)
- Topics: design-system, figma, library, react, ui-components
- Language: TypeScript
- Homepage: https://cherry.al
- Size: 4.49 MB
- Stars: 11
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cherry React Library
[](https://www.npmjs.com/package/cherry-styled-components)
## Introduction
Cherry Design System is a versatile foundation for projects. It offers a white label base, ready-to-use Figma designs, open-source React components, built-in support for theming and dark mode. Explore the [docs](https://cherry.al/) to create delightful user interfaces.
---
# Installation
This project requires Node.js v20+ installed.
```bash
npm install
```
To run the development environment, use the following command:
```bash
npm run dev
```
To build the library for production, use the following command:
```bash
npm run build
```
## Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
[Discuss Cherry on GitHub](https://github.com/cherry-design-system/styled-components/discussions)
For casual chit-chat with others using Cherry:
[Join the Discord Server](https://discord.gg/6JvcWU5bke)