Stack UI Kit
Component Library from Stack UI Design System, by SuccessiveTech.
At Stack UI, we want to create a cohesive experience for our users. This system will enable teams to be more efficient, have a shared language across the company, and focus deeper on solving user problems. Documentation and Demo: https://stackui.tech/library/react
This is a constantly evolving project that seeks to improve composability and usability of Stack UI's product user interface.
Components are one of the key building blocks of the design system. Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on. All of the components have been designed to work harmoniously together, as parts of a greater whole.
Foundations
These are the principles that the design system is built on. Modifications to these principles affect the component's behavior. These include foundational elements such as colors, grid, and typography.
Components
This section contains the common components that are essential to build interfaces. Each component defines its rules and behaviors. Each component's look and feel is based on the combination of the foundations mentioned above. Therefore, changes to the foundation principles propagate to the entire system.
Supported platforms
Stack UI Kit supports the latest, stable releases of all major browsers and platforms, as well as IE 11.
| Browser | Supported version |
|---|---|
| Chrome | >= 58 |
| Firefox | ESR |
| Safari | >= 10.1 |
| Edge | >= 16 |
| Internet Explorer | 11 |
Using components
Here are some basic instructions to help you get started:
React components (recommended)
Install
# Using npm
npm install stack-ui-coreImport Stack UI Kit styles (included fonts)
We suggest add the style file into your own project at the root level.
import 'stack-ui-core/styles.css';Component methodology
We make our components flexible enough to meet diverse needs. Our components are set up to be restructured based on the information passed in. No matter what type of experience you’re creating, you can use components as the building blocks of your product or feature.
Each of our components has a well-documented public interface (API) with guidelines and well-defined conventions. This way, developers don’t need to worry about the underlying implementation. Instead, they can focus on creating great merchant experiences.
We ensure that our components are made for everyone. They meet accessibility standards and are responsive to any screen or device. We also put a lot of effort into optimizing the performance of the components, so everyone can build inclusive experiences that work. Documentation and Demo: https://stackui.tech/library/react