Cactus Design System and Framework

An application framework and design system built in React at REPAY.

Getting Started

Whether you are starting a new project from scratch, or you are looking to integrate the Cactus libraries into your existing code base, we have documentation that can help. For documentation regarding our UI application generator, see the @repay/create-ui docs. For guidance on using Cactus with an existing application, browse the module documentation and the example applications linked below. Feel free to browse our tutorials as well.

Design System

The Cactus Design System is built to aid designers and developers to make decisions in layout and component usage in applications. The goal is to create better applications by making clear, consistent, intuitive, and reusable patterns. These patterns are then turned into distributable modules for developers to use directly.

Modules

• @repay/cactus-fwk - Cactus Framework
• @repay/cactus-i18n - Cactus I18n library
• @repay/cactus-form - Cactus/Final Form wrapper library
• @repay/cactus-icons - Cactus Icons
• @repay/cactus-theme - Cactus UI Theme
• @repay/cactus-web - Cactus Web UI Components

Example Projects

• Standard Example - generic implementations of features
• Theme Components - using the @repay/cactus-web module with a theme
• Mock Web Application - A mock web application containing functionality which are common in Repay products.

Installation

You can install the packages from this repository using any node based package manager that pulls from the NPM repository.

yarn add --dev @repay/cactus-fwk
# OR
npm install --save-dev @repay/cactus-fwk

Contributing

Check out the monorepo for the source code and how to contribute.