React Templates & Themes Logo React Templates & Themes
Cunningham screenshot

Cunningham

Author Avatar Theme by Suitenumerique
Updated: 8 Dec 2025
34 Stars

The Open FUN Design System

Github Live Preview

Categories

Figma Ui kits & component libraries

Overview:

Cunningham is a design system and components library that offers a range of features to ensure consistency and efficiency in web development. It is based on atomic design principles and prioritizes accessibility standards. The library utilizes design tokens for consistency between design and code and is currently built for React, with plans to expand to other frameworks in the future.

Features:

  • Modular and Reusable: Each component is self-contained and designed to be reusable across different projects, promoting consistency and saving development time.
  • Accessibility-focused: Cunningham components prioritize accessibility standards, making them usable and inclusive for all users.
  • Design tokens based: The library uses design tokens to ensure consistency between design and code, allowing for high customization.
  • React based: Currently, Cunningham supports React, but the project is open to contributions and is looking to expand to other frameworks.

Installation:

To get started with Cunningham, follow these steps:

  1. Install the library:
  2. Add the following script to your package.json file:
  3. Run the command to generate the css file:
    cmd_to_generate_css_file
  4. Add the following lines at the top of your main stylesheet file:
  5. Refer to the customization documentation for more details about the Cunningham command line tool and customizing your local theme.

Congratulations! You have successfully installed Cunningham. To ensure everything works well, test rendering a component, such as the Button. Further information on customization, typography, spacings, and available components can be found in the documentation.

Summary:

Cunningham is a design system and components library that follows atomic design principles, promotes modularity and reusability, and prioritizes accessibility. It utilizes design tokens for consistency and is currently built for React, with plans for future framework support. Installation is straightforward, and the library offers thorough documentation for customization and usage.