Now UI Flutter

Now UI Flutter is a fully coded Flutter app template from Creative Tim for building e-commerce mobile applications with a minimal Now UI design system. It provides over 100 component variations, 25 example pages, and 5 plugins, and it runs on both Android and iOS through Flutter's cross-platform toolchain.

What is Now UI Flutter?

Now UI Flutter is a paid, fully coded mobile app template built with the Dart programming language and the Flutter SDK, developed by Creative Tim. It takes the company's Now UI Design System — minimalistic, flat, and colorful — and implements it as a set of Flutter widgets, screens, and theme files. As input, you get a complete Flutter project structure with Android and iOS platform folders; as output, you get a runnable app that you can customize into a finished e-commerce product. The template includes example screens such as onboarding, profile, settings, register, articles, components, and home, all located in the lib/screens directory.

Key Features

• 100+ Component Variations — Includes buttons, inputs, cards, navigations, and more, with colors that can be changed in the theme file.
• 25 Example Pages — Pre-built screens covering onboarding, profile, settings, register, discover, articles, and home.
• 5 Plugins — The template bundles 5 plugins to extend app functionality (specific plugins are not enumerated on the page).
• Cross-Platform Support — The project contains android and ios folders, targeting both major mobile operating systems.
• Organized File Structure — Separated lib/constants, lib/screens, and lib/widgets folders, with reusable widgets like card-category.dart, card-horizontal.dart, drawer.dart, input.dart, and navbar.dart.
• Central Theme File — All component color variations are controlled from one place, simplifying style changes.
• Now UI Design System — The minimal, flat design language from Creative Tim, also available in HTML, React, Angular, and React Native versions.

Who is it for?

• Flutter developers who need a head start on an e-commerce app and want to avoid building common UI components from scratch.
• Startup teams that want to produce an MVP with pre-built screens like onboarding and profile without a large design budget.
• Designers looking for a real code implementation of the Now UI style to use as a reference or starting point for client projects.

What can you do with Now UI Flutter?

• E-commerce storefronts: Combine product slider, card, and table-cell widgets to build a product catalog with a consistent Now UI look.
• Onboarding flows: Use the onboarding.dart screen to create a multi-step welcome experience for new users.
• User account pages: Customize the register and profile screens to handle sign-up and account editing.
• App settings screens: Adapt the settings.dart screen to include toggles, inputs, and navigation drawers for app configuration.

Pricing

Now UI Flutter is a premium (paid) template sold by Creative Tim; the product page instructs visitors to purchase the PRO version, but no specific price is listed on the page. A live demo is available for previewing the screens before buying.

FAQ

Is Now UI Flutter free?

No, Now UI Flutter is a paid premium product. The README links to a product page where you can buy the PRO version, and it shows a demo for evaluation, but the full source code is not free.

Does Now UI Flutter work on both Android and iOS?

Yes, the project includes android and ios folders, and Flutter's cross-platform toolchain compiles the same Dart code to both platforms. The template is designed to support the last two versions of each operating system.

What screens are included in Now UI Flutter?

The template includes 25 example pages, with visible screen files for articles, components, home, onboarding, pro, profile, register, and settings. Additional screens can be assembled from the provided widgets.

Is there documentation for Now UI Flutter?

Yes, Creative Tim hosts documentation at their learning lab, found at creative-tim.com/learning-lab/flutter/overview/now-ui. The documentation covers setup, customization, and component usage.