Aiq Design System

screenshot of Aiq Design System
react
styled-components

Design system for aiqfome

Overview:

The aiqfome library is a collection of React components developed by the aiqfome team. It offers a wide range of components that can be used in React projects. Unfortunately, the official documentation is not available yet, but the components are showcased in the Storybook. In order to start using the components, a ThemeProvider wrapper from aiq-design-system needs to be added to the application.

Features:

  • Wide Variety of Components: The aiqfome library provides a vast collection of React components that can be used in various projects.
  • Storybook Showcase: The components can be explored and tested in the Storybook, which serves as a documentation tool for the library.
  • ThemeProvider Wrapper: The aiqfome library requires the addition of a ThemeProvider wrapper from aiq-design-system to the application in order to fully utilize the components.

Summary:

The aiqfome library provides a wide variety of React components for use in projects. Although the official documentation is not available yet, the components can be explored and tested in the Storybook. In order to start using the components, the ThemeProvider wrapper from aiq-design-system needs to be added to the application. Overall, the aiqfome library offers a convenient and versatile collection of components for React developers.

react
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

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

ui-kit
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.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

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.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.