Overview

HSDS: React is a robust design system specifically developed for Help Scout that enhances React applications with a cohesive and easily customizable component library. With an emphasis on usability and aesthetics, HSDS streamlines the development process for designers and developers, ensuring seamless integration into various projects. The system continually evolves, incorporating feedback and keeping pace with functional requirements to provide a reliable toolkit for building user interfaces.

Whether you're starting a new project or integrating into an existing application, HSDS simplifies the development lifecycle. Its modular components are easily accessible, and with the option to use SVG icons effectively, it keeps your project lightweight and efficient.

Features

Easy Installation: Quickly integrate HSDS with a simple clone and installation process, making it easy to get started with your React applications.
Component Library: Access a wide range of pre-designed components that adhere to Help Scout's design standards, ensuring a consistent look and feel across your project.
SVG Adapter: Opt-in support for SVG icons reduces the compiled bundle size, offering flexibility while maintaining performance.
Testing Support: Comes with built-in testing capabilities using Jest, allowing developers to run tests in watch mode or with coverage reporting effortlessly.
Streamlined Publishing: Publish new versions of HSDS effortlessly with a command-line interface, which simplifies the release process and maintains a clean history in the main branch.
Comprehensive Documentation: Access extensive resources, including user documentation and development guides, to enhance your understanding and utilization of HSDS.
Storybook Integration: Deploy and view components in real-time with Storybook, providing a live demo environment for previewing and testing styles.
Developer Resources: Benefit from educational videos and in-depth documentation, ensuring ongoing learning and support for users.

Helpscout

Artboard

Hsds React

Hsds React

Jekyll Spark