All Projects → Finastra → finastra-design-system

Finastra / finastra-design-system

Licence: MIT license
The Finastra Design System provided as a theme and components library

Programming Languages

typescript
32286 projects
SCSS
7915 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to finastra-design-system

design-system
The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
Stars: ✭ 40 (-60%)
Mutual labels:  web-components, design-system
Clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Stars: ✭ 6,398 (+6298%)
Mutual labels:  web-components, design-system
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (-71%)
Mutual labels:  web-components, design-system
Material-Design-Android
My stash for all things material, animations, typography, iconography, transitions, Animated VD, Color Palette API, UI design, and more.
Stars: ✭ 38 (-62%)
Mutual labels:  ux-design, design-system
Scale
The Scale library offers a set of customizable web components written with Stencil.js & TypeScript. The default theme of the library can be easily replaced so that a corresponding corporate identity of a dedicated brand can be represented.
Stars: ✭ 87 (-13%)
Mutual labels:  web-components, design-system
stencil-lerna
A starter kit for developing PWAs in a lerna monorepo including a web-component design-system in Typescript.
Stars: ✭ 47 (-53%)
Mutual labels:  web-components, design-system
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-77%)
Mutual labels:  web-components, design-system
ui-ux
The learning guide contains the Basics, Intermediate and Advance resources for User Interface and User Experience Design
Stars: ✭ 187 (+87%)
Mutual labels:  ux-design, design-system
Minna Ui
😸 A fast, friendly, and fun web UI kit for everyone.
Stars: ✭ 86 (-14%)
Mutual labels:  web-components, design-system
Stylable
Stylable - CSS for components
Stars: ✭ 1,109 (+1009%)
Mutual labels:  web-components, design-system
elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
Stars: ✭ 42 (-58%)
Mutual labels:  web-components, design-system
Bolt
The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.
Stars: ✭ 186 (+86%)
Mutual labels:  web-components, design-system
Blazor.fast
A tiny wrapper around Fast and Fluent Web Components to integrate with Blazor and easily use the EditForm components
Stars: ✭ 23 (-77%)
Mutual labels:  web-components, design-system
Carbon Web Components
Carbon Design System variant on top of Web Components
Stars: ✭ 171 (+71%)
Mutual labels:  web-components, design-system
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+222%)
Mutual labels:  web-components, design-system
mc-viewer
🌐🏠 A Web Component for visualizing Minecraft schematics
Stars: ✭ 25 (-75%)
Mutual labels:  web-components
pwa-lit-template
A template for building Progressive Web Applications using Lit and Vaadin Router.
Stars: ✭ 159 (+59%)
Mutual labels:  web-components
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (+303%)
Mutual labels:  design-system
x-notification
Declarative Browser Notification as Web Components.
Stars: ✭ 37 (-63%)
Mutual labels:  web-components
pollen
The CSS variables build system
Stars: ✭ 754 (+654%)
Mutual labels:  design-system

Welcome to the Finastra design system repository. You will find here all the assets and ressources to build applications quickly and consistently. It will also help you easily applying Finastra branding and UX best practices.

🌍 For web

Web theme

@finastra/fds-theme

Our web theme is built over modern CSS standards and provides all foundations (colors, typography, elevations, spacings) to apply Finastra branding. It provides light/dark mode support out of the box and target WCAG AA accessibility rating.

Learn more

Web components

This implementation of the Finastra design system is framework agnostic (i.e can be used with any major framework: React, Vue, Angular, Svelte...). It's our futureproof solution for adopting Finastra branded components in your financial app. It uses the web theme.

Learn more

📦 Other ressources

UI kit on Figma

It all starts here for designers. The source of thruth for foundations and components. Useful for developers when looking for accurate specifications. Finastra UX & Design team provides also other ressources on Figma such as ideation tools.

Learn more

Power BI theme

A Microsoft Power BI theme specified in JSON.

Learn more

💌 Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! Consider reading our contribution guidelines.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].