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.
a custom admin panel based on a ready-made UI solution,
our team can help you adapt SSA UI kit to your business needs and launch faster.
📩 Contact usto discuss your project and get a tailored solution.
share the article
00votes
Article Rating
Subscribe
Login with
I allow to create an account
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.
DisagreeAgree
I allow to create an account
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.
DisagreeAgree
To comment, please log in with your Facebook or LinkedIn social account
AI is changing how digital products are built. Instead of manually crafting every interface, we are entering a new era where intelligent systems like ChatGPT can generate dashboards, and admin panels automatically.
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