Soft UI React Native

Soft UI React Native is a fully coded mobile app template from Creative Tim that applies the Soft UI design system to React Native and Expo for building e-commerce-style mobile applications.

What is Soft UI React Native?

Soft UI React Native is a starter app template containing a complete React Native project with TypeScript, Expo tooling, and pre-built Soft UI components. It takes a standard React Native/Expo project structure and gives you a theme file, a set of components such as Button, Input, Card, Checkbox, Switch, Modal, and Product, plus example screens including Home, Profile, Articles, Components, Register, and Pro. The template runs on Android and iOS, and it is produced by Creative Tim as a React Native counterpart to their Soft UI Design System.

Key Features

• Over 100 component variations — Buttons, inputs, cards, navigation elements, and more can be recolored through the theme file, so a single component set covers many visual states.
• Pre-built example screens — Home, Profile, Articles, Components, Register, and Pro screens are included and can be customized to jump-start a project.
• Expo-based workflow — The template is built on Expo, so you can preview it in an iOS simulator or on a physical Android device without a native build step.
• TypeScript throughout — The project ships with TypeScript files such as App.tsx, theme constants, hooks, navigation files, and typed components.
• Soft UI visual language — The design is inspired by Creative Tim's Soft UI Design System, with soft shadows, rounded corners, and minimal layouts.
• Modular file structure — Source code is organized into assets, components, constants, hooks, navigation, and screens directories, making it straightforward to locate and change specific parts.
• Translation support — The constants folder includes English and index TS translation files, giving the template a base structure for internationalization.

Who is it for?

• React Native developers who want a design-system-backed starting point instead of wiring up components from scratch.
• Mobile product teams building e-commerce or storefront apps that need product cards, profile screens, and onboarding flows quickly.
• Designers who prototype in Soft UI — they can hand off the template and have developers map the same visual language to actual screens.

What can you do with it?

• Build a product catalog app — Use the Product component and Articles screen to display product listings and detail views.
• Create an onboarding flow — The Components and Home screens include the building blocks (inputs, buttons, switches) for a guided setup experience.
• Set up a user profile area — Customize the Profile screen to show user information, settings toggles, and navigation to other app sections.
• Prototype for clients — The demo and pre-built screens let you show a functional-looking app in the iOS simulator or on Android before writing much custom code.

How does the template work?

The quick start is two steps: try it in Expo (on iOS simulator or Android device) or download the project from Creative Tim. Once downloaded, the project is a standard Expo app, so you run it with the Expo tooling and edit components under src/components and screens under src/screens to change the appearance and flow.

FAQ

Does Soft UI React Native support both iOS and Android?

Yes. The template officially aims to support the last two versions of both Android and iOS, and it runs through Expo, which simplifies testing on both platforms.

What is included in the download?

The download contains the full Expo project with an App.tsx entry point, app.json, Babel config, TypeScript config, source folders for assets, components, constants, hooks, navigation, and screens, plus example screens like Home, Profile, Articles, Components, Register, and Pro.

Is the template free?

Licensing is provided by Creative Tim; the product page states a Creative Tim license. The repo version 1.1.0 is available for download, but specific pricing details are not listed in this README.

What technologies does the template use?

It uses React Native, Expo, and TypeScript, with a theme constant file that defines colors and reusable component styles inspired by the Soft UI design system.