SSA UI kit

SSA UI kit is an open-source React-based library that accelerates the development of dashboards and administrative panels. 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.

Github
Live Demo

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

Storybook

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
    React 18
  • TypeScript
    TypeScript
  • Emotion
    Emotion
  • Nivo Charts
    Nivo Charts
  • React Hook Form
    React Hook Form
  • Floating UI
    Floating UI
  • React Router
    React Router
  • Storybook
    Storybook
  • Webpack
    Webpack
  • ESLint
    ESLint
  • Prettier
    Prettier
  • Babel
    Babel
  • Husky
    Husky
  • Jest
    Jest
  • React Testing Library
    React Testing Library
  • Firebase
    Firebase

Implementations

Crypto Trading Platform dashboard

People Operations Platform dashboard

Fitness Platform dashboard

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.

    By clicking “Request a Quote” below you confirm you have read and accepted the Privacy Policy

    you're currently offline