Getting Started

How to use

A mobile UI Kit featuring a clean and well-organized design system. Built on shadcn/ui for React Native, it offers a curated collection of components that can be easily scaled to fit your design needs.

Examples in use

Here you can see how you can style the Design System to match any brand (Spotify and Netflix in this example) empowering rapid design iteration and a smooth transition to production.

View more examples on the Figma UI Kit.

Assets Panel

Each component is listed in the assets panel for easy access. We keep components visible and avoid nesting them in too many subfolders. For complex components, their building blocks are located in the respective sub-components folder.

View further documentation.

Local Styles

Local styles in Figma are available when the Design System is enabled.To apply, Select any of these presets from the Figma Local styles panel.

View further documentation.

Colour modes

You can toggle between light and dark modes by selecting the ‘Mode’ dropdown in the Figma ‘Design’ panel to the right. To apply, select Light or Dark from the Mode dropdown selector.

Mobile App Starter Kit

·

©

2025

All rights reserved, Studio Hola.

Mobile App Starter Kit

·

©

2025

All rights reserved, Studio Hola.

Mobile App Starter Kit

·

©

2025

All rights reserved, Studio Hola.