Sapphire

Demo app

The new

Our Demo App

Home

Menu

Sample

Themes

Sapphire

Demo app

The new

Sapphire

The app is build in the same way as consumers of the design system for better testing.

Demo app

The new

Mahmoud Saleh Karzoun

Engineering Intern @MUDC

Sapphire

Demo

Demo app

The new

Sapphire

Demo

The app is build in the same way as consumers of the design system for better testing.

The app is build in the same way as consumers of the design system for better testing.

Sapphire

Demo

The app is build in the same way as consumers of the design system for better testing.

It also provides a development environment for devs.

The app is build in the same way as consumers of the design system for better testing.

It also provides a development environment for devs.

But most of all it allows exploration of the design system.

The app is build in the same way as consumers of the design system for better testing.

It also provides a development environment for devs.

But most of all it allows exploration of the design system.

exploration

development

testing

The app is build in the same way as consumers of the design system for better testing.

It also provides a development environment for devs.

But most of all it allows exploration of the design system.

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

The app is build in the same way as consumers of the design system for better testing.

It also provides a development environment for devs.

But most of all it allows exploration of the design system.

So it helps with

of the Sapphire Design System

exploration

development

testing

Tpa distribution, easy to test on device, Built using similar tooling as consumers of the package(StatusBar color integration)

 

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

Integrates with stories written for storybook(web), Support all tooling expected form React Native(not forced into storybook supported stuff), ability to extend application

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

Saved for later, Search for components, Upcoming lab labelling, Theme support for multiple color schemes

So it helps with

of the Sapphire Design System

exploration

development

testing

So it helps with

of the Sapphire Design System

exploration

development

testing

Menu

Sample

Themes

Demo App

Our

The new

Demo App

Our

The new

Menu

Sample

Themes

Demo App

The new

Menu

Sample

Themes

Menu

Sample

Themes

Demo App

The new

Menu

Sample

Themes

Demo App

The new

Menu

Sample

Themes

Demo App

The new

Menu

Sample

Themes

Demo App

The new

Represents consumer apps better

Built using Sapphire components

Extendable with new features

No storybook lock-in

Separates docs with dev env.

Allows for Storybook 6 on Web

Branded look and feel

"Quick Access" feature

Independent web and mobile

Ability to showcase entire flows

Reuseable stories from docs

Markdown and MDX on web

No storybook addons

Not a standardized setup

No knobs support(storybook)

Android

iOS

Try our MR builds today

Sapphire - Demo

By thupi

Sapphire - Demo

  • 198