SSA UI kit

SSA UI kit is an open-source React-based library that accelerates frontend development. It combines multiple UI Components, Widgets, Blocks, and Forms classified by application area and implemented following Atomic design principles.

SSA UI kit includes Figma design, integration with Firebase, and examples of implementation for different business domains.

SSA UI kit was founded and is supported by SSA Group. The SSA UI kit source code is available under the MIT License.

Components

SSA UI kit offers standard UI components such as buttons, form controls, cards, lists, menus, and layouts as well as advanced UI components such as tables, charts, diagrams, pickers, and calendars that can be easily configured on both design and code levels.

Take a look at how this process is organized

Features

Clean UI/UX

Created by UI/UX professionals inspired by design best practices

Easily configurable

Each component supports several views and/or styles. Just choose the ones needed

Themable

Globally defined color palette, and font, margin, padding, border, elevation, and responsive settings

Responsive design

Designed with care about different devices, screen sizes and resolutions

Fully tested

Combination of test scenarios ensures correct business logic implementation and cross-browser compatibility

Well documented

Self-documented code and Storybook

Frameworks & Libraries

React 18
TypeScript
Emotion
Nivo Charts
React Hook Form
Floating UI
React Router
Storybook
Webpack
ESLint
Prettier
Babel
Husky
Jest
React Testing Library
Firebase

Community

Like what we do and would like to be a part of it? You are welcome to become a part of SSA UI kit community. Join us on GitHub.

Join Us on Github

Your message has been sent!

Keep a close watch on your inbox. We’ll get in touch with you in no time.

Have a project on top of SSA UI kit?

Our team of experts is available for your custom projects. Please get in touch to get a quote.

you're currently offline