Skiff UI – Design System

Skiff UI is an open-source React component library based on a collection of reusable interface elements used in Skiff. It offers a wide range of customizable components for web apps, empowering you to create beautiful and user-friendly interfaces.



A graphical representation of a user or entity, often an image or initials displayed in a circular container.

Read more


Displays prominent messages, actions, and reminders at the top of the screen.

Read more


A clickable element that triggers actions, such as form submission or navigation.

Read more

Button Group

Group related buttons together for logical interaction, such as selecting options or triggering actions within a specific context.

Read more


Design system color palette and token names.

Read more


A compact component displaying small information or attributes, commonly used for tags, categories, or short descriptions.

Read more

Circular Progress

A progress indicator that can be used to represent the progress or loading state of a task.

Read more


A horizontal or vertical separator for grouping and organizing content.

Read more


Presents a menu-like list of options when activated, providing a compact way for users to choose or perform actions.

Read more


Displays a collection of user avatars in a compact format, commonly used to represent participants or contributors.

Read more


A clickable element that triggers actions, such as form submission or navigation. Similar to Button except it renders only an Icon inside a square component.

Read more


A component for displaying Icons combined with Typography text inline.

Read more


Allows users to enter or edit text or data, providing an interface for capturing user input in various forms.

Read more


The Select component displays a selected value and controls a Dropdown when clicked.

Read more


Component that allows users to switch between two different states, typically representing an on/off or true/false choice.

Read more

Our Open-Source Libraries

Skiff Mail

Skiff Mail empowers free and more effective communication through private, end-to-end encrypted email. All messages sent between Skiff users are end-to-end encrypted.

Skiff Windows app

The Windows app is a native WPF application built using the WebView2 Edge/Chromium runtime, with native bindings added to support file upload, file download, hardware keys, and other features.

Skiff Crypto

Skiff Crypto is our library for simple, secure cryptography, including symmetric and asymmetric encryption, generating keypairs, hashing, and object versioning.


This module defines a schema extension to support tables with rowspan/colspan support and a custom selection class for cell selections in such a table.