Skip to content

This is a fullter project of an animation inspired from dribble OnBorading Mobile animation

Notifications You must be signed in to change notification settings

mouaadsk/CircleOnBoardingAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

On Borading Animation Using Flutter

This project is coded using the google's Framework Flutter. It's transforming an amazing on boarding animation concept (inspired from dribbble) to a flutter code and making it reusable.

Getting Started

To use this animation, you can follow the instructions bellow :

  • Downloand the project (be sure to have the latest flutter framwork in your test system)
  • In the home.dart you will find the Aniamtion widget iwth these params :
    • First widget : the first widget (page) of the on boarding which you will start with.
    • Second widget : the widget you want to move to using the animation after clicking the button of launching the animation
    • Button colors : which is just a list containing the colors of the button (before and after) in each case of the aniamtion status

The original Vs The created animation

The created animation

alt The original animation

The original animation (Link)

alt The created animation

About

This is a fullter project of an animation inspired from dribble OnBorading Mobile animation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages