Soft UI PRO React Native is a fully coded mobile app template built on React Native and Expo by Creative Tim, providing a Soft UI design system with more than 100 component variations and a set of pre-built screens for e-commerce, booking, rental, and social app interfaces.
What is Soft UI PRO React Native?
Soft UI PRO React Native is a React Native (TypeScript-based) and Expo template that turns a Soft UI design system into a working app skeleton. It takes the design language of the Soft UI Kit and implements it as functional components — buttons, inputs, cards, navigation, modals, switches, checkboxes, calendars, and more — plus theme files for light and dark mode and English/French translations. The output is a complete Expo project with an App.tsx entry point, a src folder containing components, constants, hooks, navigation, and 18 screens, and a package.json for dependency management. Creative Tim maintains it, and the current version is 1.1.0.
Key Features
- Over 100 component variations — The template includes buttons, inputs, cards, navigation elements, and other UI pieces that can be recolored through a centralized theme file, so a single change updates the whole app.
- Light and dark theme support — The src/constants folder includes separate light.ts and dark.ts files, and a useTheme hook lets screens switch between them.
- 18 pre-built example screens — Screens cover login, register, profile, settings, notifications, chat, articles, shopping, booking, rental, rentals, home, and extras, viewable in the live demo for direct client previews.
- Expo-based workflow — Because it runs on Expo, you can test the template on an iOS simulator or a physical Android device without a native build setup.
- Built-in internationalization — Translation files for English and French are included under src/constants/translations, with a useTranslation hook wired into the app.
- Reusable component architecture — The src/components folder exports distinct TypeScript components like Article, Block, Button, Calendar, Checkbox, Input, Modal, Product, Switch, and Text, all aggregated through index.tsx.
- Structured hooks and navigation — Hooks for useData, useScreenOptions, useTheme, and useTranslation sit alongside src/navigation files (App.tsx, Menu.tsx, Screens.tsx) to manage app flow.
Who is it for?
- React Native developers who want a ready-made design system and screen set so they can skip UI building and start implementing business logic immediately.
- E-commerce product teams building shopping apps need the included product cards, shopping screen, and rental/booking flows as a foundation.
- Agencies and freelancers producing client demos can use the example screens — profile, settings, chat, articles — to show a realistic app prototype before customizing.
- Startups prototyping a mobile product on Expo can use the light/dark themes and translations to test multiple looks without rewriting components.
What can you do with Soft UI PRO React Native?
- E-commerce app builders: Assemble product display screens, shopping flows, and booking or rental screens from the component library, then adjust colors via the theme file.
- Design system adopters: Replace the default Soft UI styling in one place — the constants theme — and have buttons, inputs, and cards across all screens update consistently.
- International app teams: Use the bundled English and French translations and the useTranslation hook to localize the interface, then extend translations with additional languages.
- Client demo preparation: Open the live Expo demo and walk through the menu, extra screen, best deal screen, and profile screen to gather feedback before writing production code.
FAQ
The template officially supports the last two versions of iOS and Android. Because it is built on Expo, you can run it on an iOS simulator or a physical Android device using the Expo Go app.
Does this template include translations?
Yes, it ships with English and French translation files in src/constants/translations, plus a useTranslation hook. You can extend these JSON files to add more languages.
What license does Soft UI PRO React Native use?
The template is distributed under Creative Tim's standard license agreement, available at creative-tim.com/license. It is a premium product and requires a valid license for commercial use.
How do I run the template?
Try it out on Expo first by opening the live demo, then download the project from Creative Tim. The quick start guide is at creative-tim.com/learning-lab/react-native/quick-start/soft.
