Pesto UI Design System

A cool and green design system, ready to be used and built with React! 🍝
Explore the docs »

· Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Roadmap
4. Contributing
5. License
6. Contact
7. Acknowledgements

About The Project

A cool and green design system, ready to be used! 🍝

Components:

• Avatar
• Button
• Checkbox
• Heading
• MultiStep
• Text
• TextArea
• TextInput

Built With

• Changesets
• React
• Stitches
• Storybook
• Tsup
• Turbo
• TypeScript

Getting Started

Prerequisites

• npm

  npm install npm@latest -g

• pnpm

  npm install -g pnpm

Installation

1. Clone the repo

   git clone https://github.com/jennifertakagi/pesto-design-system.git

2. Install packages

   pnpm | npm install

3. Run the following commands in the root folder to start the application in a development environment:

   pnpm run dev | npm run dev

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Jennifer Takagi - @jennitakagi

Acknowledgements

• ESLint
• Prettier