Introduction

We have created a tutorial for each topic in which you will learn how you can best use this documentation. Simply click on the desired function and you will be redirected to the video.

1. Mobile optimized

Our component library is specially optimized for mobile devices. Most UI kits on the market offer web based components. However, for mobile development you need special components with special requirements that work well on mobile devices.

2. Accessible

We handle many of the difficult implementation details related to accessibility, including aria and role attributes, focus management, and keyboard navigation.

3. Native and hybrid development

In addition to a Figma file, we also offer code files with all components. In addition to a Swift file that can be used to develop native iOS apps, we offer an Android file for native Android development and a React native file for hybrid app development. This means it no longer matters which programming language you use to build your next app. You will receive all the files you need.

4. Vision

Most of us share similar definitions for common UI patterns like accordion, checkbox, combobox, dialog, dropdown, select, slider, and tooltip.

However, the implementations provided to us by app platforms are inadequate. They're either non-existent, lacking in functionality, or cannot be customized sufficiently.

So, developers are forced to build custom components; an incredibly difficult task. As a result, most components at apps are inaccessible, non-performant, and lacking important features.

Our goal is to create a component library that the community can use to build accessible design systems.