More Premium Hugo Themes Premium React Themes

Design System Archived

The anynines design system is an easily customizable user interface component library based build with react and written in typescript.

Design System Archived

The anynines design system is an easily customizable user interface component library based build with react and written in typescript.

Author Avatar Theme by anynines
Github Stars Github Stars: 6
Last Commit Last Commit: Oct 10, 2021 -
First Commit Created: Jun 19, 2023 -
Design System Archived screenshot

Overview

The design_system is a centralized repository for managing UI components. Its purpose is to separate UI logic within the component library and keep business logic within the actual application. This approach ensures consistency across all applications, accelerates frontend development, and allows for customization through theme overrides. The project is built using Create React App.

Features

Separation of Concerns: UI logic is kept within the component library, while business logic is added in the application.

Consistency: Ensures a specific degree of consistency across all applications.

Rapid Development: Speeds up the frontend development process.

Customization: Allows for a high degree of customization through the overwriting of the theme object.

Installation

To install the design_system, follow these steps:

  1. Install from the command line:
npm install design_system
  1. Install via package.json: Add the following line to your package.json dependencies:
"design_system": "version"
  1. Development: Clone the GitHub repository locally and run the following command to build the package (before updating an external repository):
npm run build

It is important to run this command after making changes to components or configurations.

Summary

The design_system is a centralized repository for managing UI components. It promotes separation of concerns, ensuring consistency across applications and accelerating frontend development. It also allows for customization through theme overrides. The installation process is straightforward and can be done via command line or package.json. Overall, the design_system is a valuable tool for frontend development.