DEV Community

Cover image for Free & Paid flutter templates 2021
Pablo Discobar
Pablo Discobar

Posted on • Updated on

Free & Paid flutter templates 2021

What is a Flutter and how does it work?

Flutter is a young but very promising platform that has already attracted the attention of large companies such as Google, ebay, BMW, NUbank, Alibaba Group and lots of others. This platform is interesting for its simplicity comparable to the development of web applications, and the speed of work on a par with native applications. High application performance and development speed is achieved through several features:

  • Flutter uses Dart as a programming language, which is compiled into binary code, thereby achieving a speed of operations comparable to Objective-C, Swift, Java, or Kotlin.

  • Flutter doesn't use native components, so you don't have to write any layers to communicate with them. It renders the entire interface itself. Buttons, text, media elements, and backgrounds are all rendered inside the graphics engine in Flutter itself.

  • The framework includes Hot-reload. It works by injecting updated source code files into the running Dart Virtual Machine (VM). After the VM updates classes with the new versions of fields and functions, the Flutter framework automatically rebuilds the widget tree, allowing you to quickly view the effects of your changes.

 

21 best paid templates for working with Flutter

 

  1.  Airmart – Flutter Ecommerce Mobile template app

 

This set includes a template with a clean and user-friendly design, which is so popular with all users of e-commerce apps such as ASOS, YOOX or Farfetch. For working with this template, you don't need a lot of knowledge in the coding skills, all the screens are carefully designed by specialists, all you need is...  customize them to fit your image. You can change colors, fonts, borders, sizes, padding, margins, and lots more.

In this set, everything is considered to the smallest detail. You enter the app and see the registration page, you can even link a card to pay for purchases. Developed comments, sorting by brands and filters, everything is ready for a good shopping experience.

  1. Flutter E-Commerce UI KIT Template in flutter – Treva Shop template app

 

E-Commerce UI kit can be used for e-commerce applications in android and ios devices. It includes 32 Screens with a different type of UI. E-Commerce UI kit can save your time to code all Front end layouts.

Landing page with slideshow, expanded reviews, item details, display of products with the possibility of approaching for locking item details, notifications and lots of other useful details that create a comfortable setting for your app users.

  1. Flutter Crypto and Wallet UI KIT Template in flutter template app

 

This template includes more than 60 screens with very smooth animation that is consistent with Android and IOS. For the convenience of your users, this template is designed in a light and dark version. Keeping track of transactions in this app is even easier and more convenient, because of a simple interface, customized notifications and contrasting images. Also in this template there are screens for tracking the exchange rate and the growth of bitcoin.

  1. Flutter Firebase Chat template app

 

The chat template already draws in the imagination a picture of what is included in this set, sending messages from one user to another, sending photos and images, but in this template there is a rather rare, but very useful function for deleting messages. Have you ever sent a message to the wrong recipient? It happened to everyone! In this template, this problem can be easily fixed.

Also, this template already supports several languages: Italian, German and English. Because of this, your chat can easily become international, connecting people from different countries.

 

  1. Flutter Hotel and Tour Template in Flutter – Trevatel template app

I remember how it was difficult to go on vacation earlier, you had to find a hotel, choose a room. There was no opportunity to see what the room would look like, and there was no opportunity to read reviews about the service or the hotel's own restaurant. So each trip was risky in its own way, because the hotel in which you booked a room couldn't even exist. Yes, I've had that a few times, actually.

But because of apps like Booking, Airbnb, Tripadvisor, hotel reservations and vacation planning have become much easier. Now you can easily see what a hotel room or apartment will look like, you can read reviews from former guests and make sure that this is exactly what you wanted. This template for the travel booking app was created based on the mistakes and positive results of large booking companies. You don't need any coding knowledge, everything is already done by skilled professionals who have taken care of you and made explanations for each part of the code.

The app uses custom animation to make the interface more visual. And also this template supports Google maps, which makes it more handy. You can immediately plan your route from the hotel to the main attractions or see which restaurants are available near the place where you are going to stay.

  1. ChatMe – Simply Messaging Flutter App template app

Chat has turned communication around. Previously, you had to gather your strength and overcome the tremor of your voice before making a call, but with the arrival of chats, the world has changed and it has become easier for social phobias like me to live.

The main advantage of chats is that it's a real-time communication. When you need to pick up a child from preschool, take an older one to class, iron a happy shirt for an important meeting, and at the same time solve work issues with coworkers or subordinates, the best option for communication is chat.

This chat template is consistent with Android and IOS. And most importantly, you can share photos and videos, even shooting in real time. This template is perfect for launching a new messenger or as a separate way for communication between employees of the company.

 

  1. Doctor Finder – Appointment Booking With Time-slot app template app

We all like Tinder, where you can find someone who shares the same views with you or has common interests. But what if you make an app where you can swipe the right doctors as easily as in Tinder? In fact, everything is a little different, here you don’t swipe, but you choose just as carefully.

This template will make health care easier, as it will bring patients and doctors closer together. This app will help doctors find more patients by being able to leave feedback about the treatment. But the most important thing is the system of reminders about the appointment to the doctor. Have you ever failed to visit a doctor? Now this problem is solved, this template will help you avoid such troubles due to the existence of notifications.

  1. Flutter Recipe Cookbook with firebase backend admin panel template app

Julia Child was the woman who taught the entire English-speaking world how to cook French cuisine. And as she said “If you're afraid of butter, use cream.” And we say "If you are afraid to get confused in the code - use this template".

There are comments in the code of this template so that you know exactly what each piece of code is responsible for. The design of the app is made so that nothing superfluous distracts from the recipes themselves. You can also easily customize the template as you like, as easy as changing the ingredients in a salad.

  1. Covid-19 Corona Flutter App template app

 

When the Covid-19 pandemic started, my first purchase was toilet paper and alcohol. So 4 months of my life passed, locked up. When it all started, there was still snow on the street, and when it came out, it was already June. And then in June, leaving the house for the first time in 4 months, I thought, why did I mock myself so much? All of this could have been avoided if I had an app for the Corona screening.

Covid - 19 is a Corona screening tool developed in flutter.User can easily screen whether they are at risk or not. Also users will be able to get live statistics from WHO and live news updates from WHO. In one app users can get everything. Also they will get tips and notifications.

 

  1. Fluxstore Prestashop – Flutter E-commerce Full App template app

Spend the whole weekend in the store, trying to fit into the only jeans you want in the wrong size. This was a reality for many of us, but with the advent of e-commerce services, everything has become much easier. Now you can make purchases from home, which is very convenient and saves time.

This template is easy to use, because it has documentation and a video tutorial that will help you better understand how to use it.

 

  1. Flutter Taxi App Customer UI KIT

 

Always choose comfort plus. With this template, you save time on app development, get less stress, and your work will be done with five stars.

Flutter Taxi App UI Kit communicates with the Google Maps API Directions Service which receives direction requests and develops an efficient path. This template is trusted by more than 280 customers. The clean code makes it easy to customize the template as you wish. The app is also developed to work with either iOS or Android.

 

  1.  E-Commerce Flutter App UI Kit

Flutter e-commerce app

Flutter templates are famous for their flexibility with respect to any operating system. This is very important when you are creating an application for E-Commerce, because different customers use different devices. In modern trade, an application is the face of a company, and the image of the organization depends on the quality and usability of the application.

Therefore, this app template is perfect for the store. It is easy for users to use, and very easy for you to configure it. This set includes more than 60 ready-made screens and more than 120 extra components. Also, all screens are presented in a light and dark style, which will make your application even more usable.

  1. Multipurpose Flutter Template based on Material Design template app

Multipurpose Flutter Template

From the news feed to the store, more than 1000 components. A universal template consisting of many elements. This is exactly what you need!

  1. Flutter Delivery Template – Restaurant Food Delivery in Flutter template app

Flutter Delivery Template – Restaurant Food Delivery in Flutter template app

Sometimes I get so tired from work that I don't want to do something at all, even cook dinner, and then the food delivery comes to the aid. And that's great! Sometimes you don't need to complicate your task. That's why sometimes it is better to use a ready-made template to save time and your own effort.

This template is based on a recipe for real success. It consists of more than 70 screens, flavored with 200 elements, support for Google Maps and enjoyable animation. Perfect for both IOS and Android. Isn't that enough? Then your attention is presented with absolutely clean code, with explanations, so that you always know which part of the code is responsible for the element you need. Try the demo version to make sure - it suits your tastes!

 

  1. Flutter Football API: LiveScore & Vote Matches & News Sport & Live Matches ( Admob & Facebook ads ) template app

Flutter Football API: LiveScore & Vote Matches & News Sport & Live Matches ( Admob & Facebook ads ) template app

The football community is one of the largest in the world. Therefore, it is important to create an application that allows football fans to follow their passion and attract more and more participants to their community. This template allows you to create a football application in which you can follow the timetable of matches, which is very useful in the modern world. The notification system will always remind you when it is better to put things off and enjoy the game! There is also a "share" feature, which will be a great opportunity for fans to interact or to find like-minded people to watch the game together.

With the Flutter Football API, it is not only handy to follow the game, but also easy to customize the application itself, in this set, not only the design, but also the code made at the highest level.

  1. News Live Flutter App template app

News Live Flutter App template app

News is an occurrence that has been happening recently or is happening at the moment. In today's fast-paced world, news becomes stale too quickly. To always be up to date, you need a convenient application that will notify you of current news and allow you to always be up to date.

News Live FlutterApp template is a simple and handy way to quickly create a quality news tracking app. This template allows you to view Youtube news channels, share news on social networks, and add news to the online reading mode. Clean code allows you to customize this template even for a beginner with little coding knowledge.

  1. Carent – Rent A Car Flutter Apps template app

Carent – Rent A Car Flutter Apps template app

Travel by car is cool. Total freedom and the feeling of a high-speed road can not be compared with anything else. But what if there is no car, and you really want to go on a trip? Car rental app!

Choose a suitable car, ask questions to the owner, get notified of a successful transaction, and hit the road!

  1. HotelPro – Enjoy Your Trip template app

HotelPro – Enjoy Your Trip template app

Continuing the theme of travel, which is so lacking in recent times. But I think that soon, after the lift of all restrictions, the wave of tourism will hit with even greater force. Then will need more and more modern applications for hotel booking. I'm happy to introduce you to one of these. Modern in each detail, convenient for work on any devices - HotelPro template of the booking application.

  1. Theaterify – Movie Apps Flutter template app

Theaterify – Movie Apps Flutter template app

The culture of entertainment content has changed greatly over the past 10 years. I still remember the days when you had to wait weeks for new episodes to be shown to watch a series. And how frustrating it was when you accidentally missed an episode of your favorite TV show. Thank God those days are over! Now with the advent of streaming services, we can enjoy our favorite TV series anytime, anywhere, as long as there is an internet connection, of course.

And if you are thinking about creating your own application for watching your favorite movies and TV shows, then this template is exactly what you need.

  1. Zoom -Flutter Blog App With Dashboard ios and android template app

Zoom -Flutter Blog App

A blog is a platform where content is constantly updated, whether it's photos, videos, or text. This blog will work on all devices. It is convenient to configure it. The template has a built-in notification system.

 

21. MShopping – Mall Shopping Flutter Apps with Admin Panel template app

I wonder how long ago people realized that a person who is bored in the evenings with a glass of wine is a great chance for the development of e-commerce? Shopping online doesn't require constant walking through endless shopping malls with a lot of stairs leading in an unknown direction. Quickly add this app to your shopping cart to get started now!

20 free Flutter templates

So If you really need a Flutter template, but do not want to pay at all, then the 20 best free templates are specially presented for you.

  1. Restaurant App UI KIT Flutter template app

Restaurant App UI KIT Flutter template app

I like to read reviews before going to a restaurant, or read the menu in advance. This is a very useful feature in modern reality, because you will definitely never make a mistake. This kit can be used to create applications faster to save your time. There is nothing unnecessary in this template, the code is completely clean. The template is easy to customize, you can change the objects as you require. Also, the template is created in a dark and light style, which has become the most relevant recently among all applications.

 

  1. Swiggy Restaurant APP UI Kit template app

Restaurant App UI KIT Flutter template app

Another useful app that brings restaurants closer to consumers. When the Cavid-19 pandemic began, the titans of the delivery services stood up to protect psychological health and the national economy. So this Flutter template can also be your savior, with it you will save time, because you won't have to create everything from scratch.

There are more than 20 screens in this set that you can easily customize as you want. A clean code and a detailed description will allow you to understand the structure of this template, even if you don’t have any knowledge in the field of coding.

 

  1. Flutter Folio – mobile (ios, android), desktop (windows, macos, linux), web template app

Flutter Folio – mobile(ios, android), desktop (windows, macos, linux), web template

This is not just a template, it is a template for getting experience in working with Flutter. If you are a beginner Flutter developer or designer, then this will be a great opportunity to try Flutter as a tool. This application works for all operating systems and it is very easy to install, so that any user can handle it. You can train yourself in creating a website, fill your hand, and then send the link to your friends or family.

  1. Gif Finder Using GIPHY API template app

Gif Finder Using GIPHY API template app

Gif is a bitmap format for graphic images. Gif finder is a convenient way to search for images. Sometimes ordinary emojis are not enough to express your emotions, and then GIFs come for help. This format for transmitting emotions, humor, or just cute pictures with cats has become so popular that now with this template, you can put the search for GIFs in your own messenger.

  1. Flutter Travel App Concept 

Flutter Travel App Concept

This template is appropriate for any operating system, therefore, using this template is as easy as booking a hotel room. But we remind you that to work with Flutter templates, you need some knowledge in the field of programming. In order to use this template properly, you need to have a good understanding of Dart.

  1. Flutter Task Planner App Design

Flutter Task Planner App Design

After long holidays or just some failures, it is always difficult to start active work. There are several motivational theories to beat procrastination, but I believe that the most effective solution is the user-friendly Task Planner App.

With this app, it’s possible to view, schedule and manage tasks as well as see projects that are being worked on. The nice color palette of this design perfectly copes with its task-it pleases the eye, but does not distract from the really important things.

Be careful, this is only a design. No backend.

  1. Flutter eBook App

Flutter eBook App

Useful reading (reading good books) expands a person's horizons, enriches his inner world, makes him smarter and has a positive effect on memory. Reading books increases a person's vocabulary, contributes to the development of clearer thinking, which allows you to formulate and express thoughts more lucidly. It also has a great effect on the sense of humor, which in the modern world is put on a par with the ability to communicate.

So, that's why, applications for reading books are most relevant in today's reading society. Apps like Apple Books, Amazon Kindle, or Bookmate have been on the market for a long time and show excellent results. This template is in no way less than the book giants.

Everything brilliant is quite simple. Like this template. There is nothing superfluous in the interface. Books are downloaded from public domain sources. Users of the app can read online or download books to use the app, for example, in flight. The app also has a dark mode to make it easier to read at night.

 

  1. Flutter Tip Calculator App Source Code

Flutter Tip Calculator App Source Code

If you often go to restaurants with friends, then you are probably tired of the frequent calculation of tips for a general check. It is for this case that the tip calculator template was developed. Very simple, fast, and most importantly convenient.

  1. FlutterFoodybite

Flutter representation of a Restaurant app UI

For gastronomic aesthetes, an application template for finding restaurants and cafes has been developed. Using the function of division into categories, you can easily find something that will suit your taste. Bon Appetit!

  1. FlutterFurnitureAppUI

Flutter Furniture App Concept

There is such a science as ergonomics – this is the science of convenience, about the organization of the working space for a comfortable and effective work of the employee, based on the physical and psychological characteristics of the human body. In today's world of freelancing and distance learning, ergonomics is becoming a part of everyone's life. After all, it is very important that your workspace meets all the requirements of this science.

Therefore, not only the furniture should be comfortable, but also the application for its purchase. This template is made extremely comfortable. With a little knowledge of the Dart language, you can easily customize this template and make a quality product for your consumer.

  1. FlutterGrocery-ShoppingAppUI

Grocery Shopping App

Grocery stores have long migrated to the web. Instead of hauling heavy bags home, it's much easier to order a delivery. And also just don't create the app yourself from scratch, but use a template. Moreover, the author of this template reports that only a couple of fingers are needed for successful use.

  1. Flutter login kit

Flutter Login Kit

Sometimes one finished piece of work can make life much easier. So I recommend you take a closer look at this login template. In a ready-made application, the login is the first thing the user sees, so you can't make a mistake here. Trust the professionals and ready-made solutions to your problems!

  1.  FLUTTER TODO APP

FLUTTER TODO APP SCREENS

This application is perfect for everyone who does not sit on the neck of their parents, and earns honest work. The built-in calendar lets you schedule events, set reminders, and make you more efficient day-to-day. If you are concerned about the issue of procrastination in the world, and you want to create your own convenient application for tracking tasks, then this is your choice!

  1.  FLUTTER NEWS MOBILE APP

FLUTTER NEWS MOBILE APP

News doesn't stay fresh for long.That is why you need an app that will keep the whole world in the center of events. Whether it's sports news, politics, or just a forecast of an impending storm. In today's world, it is important to be one step ahead. And with this template, you will be one step ahead of your competitors! After all, while they are developing their app, your app is already working for you!

  1.  Flutter-movies-app

Flutter Movies App

What movie should I watch tonight? It's not on Netflix, and it's not on HBO. So everything will be in your own streaming service!

  1. E-commerce-Complete-Flutter-UI

E-Commerce Complate App

Probably everyone has ever thought of creating their own brand or clothing store, so that they no longer spend hours looking for the perfect pair of trousers in the shopping center. But not many people succeeded. But if you are one of those lucky ones, then you probably need a stylish and user-friendly e-commerce app. I strongly recommend that you use this template to start active sales as soon as possible!

  1. Flutter_ecommerce_app

E-Commerce app

Another awesome, free and very beautiful template for an ecommerce app. Bright colors are perfectly complemented by a white background, on which any thing will look even more attractive.

  1. E-commerce-App-UI-Flutter

E-commerce App - Flutter UI

Everyone can sell products, but not everyone can do it nicely! This template is made quite original. Here everything is taken into account so as to show the product at the right angle. The main feature of this template is that the background of each product favorably emphasizes the color and texture of the product itself.

  1. Flutter-firebase-shopping-app

shop_app

This is the most versatile template for e-commerce. With this template, you can sell anything from club T-shirts to car parts. The concise design does not distract  with flashy colors or pictures from the products, so that the customer can easily navigate in the app. This template is for those who know what they need!

  1. Flutter-Blog-App

Blog App Development Front-End and Back-End

Green in psychology today means growth, development, prosperity, stability, new beginnings. Therefore, it is perfectly suitable for the design of a blog application. Learn new things, live long and prosper.

 

Top comments (2)

Collapse
 
kris profile image
kris

Great list of Flutter templates. Thanks for sharing this article. Each template provides a great UI build and features suitable for different types of apps. You can also check some of the best Flutter templates out there in the market that provides intuitive UI with powerful features and are highly customizable as well.

Collapse
 
pablonax profile image
Pablo Discobar • Edited

Thank u for the link! Let's develop the Flutter community together. I'm writing an article about Flutter templates, if you want to get into it, then publish your products on my site! The article will be constantly updated, and together we will make the largest catalog of free and paid Flutter templates. Become a part of it right now!

 code.market/sign-up/ - click here to submit your work