Cunningham
The Open FUN Design System
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.
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.
- Figma
Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.