We continue to actively evolve SSA UI kit, our React-based component library for building complex dashboards and data-driven interfaces faster and more efficiently.
In this update, we focused on components that are widely used in real-world products: filtering, user profiles, and financial widgets. These improvements help teams build clearer, more flexible, and more user-friendly dashboards without reinventing common UI patterns.
Below are the key components added and enhanced in the latest version of SSA UI kit.
Chip – a simple way to display active filters
We’ve added a new Chip component with several visual variants.
Why it matters
Chip is designed to clearly show selected filters or parameters on a page:
active filters above tables;
selected search criteria;
applied categories, tags, or statuses.
This is a common UX pattern for analytics and admin dashboards, where users need to understand the current state of data at a glance.
Business value
better visibility of applied filters;
fewer user mistakes and confusion;
cleaner UX without additional complexity.
Chip integrates seamlessly with tables, lists, and forms, making it a must-have for data-heavy interfaces.
Person Info – advanced customization for data presentation
The Person Info component received extended customization capabilities and is now a flexible building block for displaying structured information.
What’s new
multiple ways to display attributes and values;
support for different content formats;
easy combination of text, icons, badges, and descriptions.
Typical use cases
user and client cards;
profile summaries;
compact info sections in tables or side panels;
entity overview blocks.
Person Info adapts easily to different layouts and design requirements while keeping the UI consistent.
User Profile – a customizable user profile component
We expanded the User Profile component, turning it into more than just a basic profile block.
What’s new
custom texts and labels;
configurable menu items with navigation links;
ability to inject custom content into the profile.
Why it matters
User Profile can now serve as a central interaction point:
quick navigation across the product;
access to settings and key sections;
personalized user experience.
This is especially valuable for B2B platforms, SaaS products, and trading systems.
Margin Info – a widget for margin trading dashboards
One of the most specialized additions is Margin Info – a widget designed to display margin trading information.
What it shows
borrowed amounts;
interest rates;
total accrued interest.
Available actions
borrow funds;
repay borrowed funds.
Designed for financial clarity
Financial and trading data must be:
easy to read;
well-structured;
instantly understandable.
Margin Info is built specifically for these scenarios and works perfectly in:
trading dashboards;
crypto platforms;
financial analytics systems.
Planned extensions
current hourly interest rate;
key margin borrowing dates (margin start date and latest borrowing activity);
a historical chart of hourly interest rates and accrued interest over a selected period (day, week, month, or custom range).
Refinements and enhancements
In this release, we continue to introduce small but meaningful improvements to existing components, refining APIs, behavior, and visual consistency. These ongoing enhancements help make the library more reliable, predictable, and easier to use in real-world products.
In parallel, we are investing in codebase improvements to make SSA UI kit more AI-friendly — easier to analyze, extend, and work with using AI-assisted development tools. This includes improving structure, readability, and predictability across components.
Modern HR systems manage much more than employee records.
They bring together skills, experience, roles, projects, certifications, performance data, and other information that changes throughout the employee lifecycle.
SSA UI kit continues to evolve with a focus on solving real product challenges—not only by expanding the component library, but also by improving developer experience.
We use cookies to ensure that we provide you the best experience on our website. If you continue to use this site we assume that you accept that. Please see our Privacy policyConfirm