View all projects

Finastra Design System

Welcome to the home for next generation implementation of our design system. It includes a theme built over custom properties and a web components' implementation of our UI kit. We are still in beta so expect regular changes in components' structure and parameters.

loading
Finastra
40components136storiesLast updated yesterday
StorybookGitHub
  • + 16
Tweet
App bar
6
App Card
8
Autocomplete
5
Avatar
7
Base card
2
Brand card
6
Button Toggle
2
Button Toggle Group
5
Card
3
Checkbox
3
Chip
7
Circular Progress
2
Color
2
Contained
5
Divider
5
Elevation
1
Global Nav
5
Horizontal
1
Launchpad
2
Linear Progress
2

Addons in this project

Actions
Get UI feedback when an action is performed on an interactive element
3.7M
Downloads
  • + 2
Links
Link stories together to build demos and prototypes with your UI components
2.8M
Downloads
  • + 2
Accessibility
Test component compliance with web accessibility standards
1.1M
Downloads
  • + 2
Designs
Storybook addon for embedding your design preview in addon panel
538k
Downloads
storybook-dark-mode
Toggle between light and dark mode in Storybook
175k
Downloads
CSS Custom Properties
Interact with css custom properties dynamically in the Storybook UI
2.9k
Downloads

Similar projects

Add your project
ReavizReaviz chart library
Sourcegraph
sourcegraph
sourcegraph
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify