Design
June 28, 2022

Concentric onboarding design with Flutter

Let's make awesome onboarding with the concentric transition.

Creating awesome onboarding with the concentric transition

Onboarding contains information about the features of your application. When you build your app, you must display information about your features to users before they start your app. Generally, onboarding is only shown once when the application is first used.

Beautiful designs will be easy for users to remember. I want to show you how to create awesome onboarding with the concentric transition. This sample project is focused on design. You can get this sample project on my GitHub or follow it step by step on video.

Dependencies

We need to use some packages to make it easy and speed up the development process.

  • lottie: We use this package to render After Effects animations natively on Flutter.
  • concentric_transition: We use this to create a concentric Transition effect.

Result

We have created an onboarding page with a concentric transition effect. You can check the code result on GitHub. If you have any issues, please let me know and send me an email, or you can create new issues on the GitHub repository.

Get On GitHub

This sample project is just for my portfolio. You can use this sample project for your personal and client projects (paid or unpaid projects). This is a free open-source project, so please do not sell this project on Codecanyon, etc.
You should add functionality and complete some pages before deploying. If you need some help, you can hire me to continue your project.