Clone of a onboarding screen📱animation originally created by @cuberto.

Overview

BubblePager

Here I tried to clone an onboarding screen animation using Jetpack Compose.

Download the apk file from the release page and try it yourself.

20220619_152520051_2.mp4

Inspiration

Inspired from a dribbble shot by Cuberto.

https://dribbble.com/shots/12580831-Principle-Tutorial-Onboarding-Flow-Animation

License

MIT License

Copyright (c) 2021 Vivek Singh

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
You might also like...
Bamboo App clone using JetPack Compose
Bamboo App clone using JetPack Compose

Bamboo App Clone using Jetpack Compose. Baby steps 🙂 I am using this project to learn how to build Android UI with Jetpack Compose. Check out Article

Telegram ui clone built with Jetpack Compose

Telegram UI clone Make telegram ui with Jetpack Compose. Library Jetpack Compose v1.0.1 Compose Icon v1.0.3 Minimum requirements Android Studio Arctic

Instagram Clone App | Jetpack Compse
Instagram Clone App | Jetpack Compse

Exploring Jetpack Compose, Cloning Instagram to better understanding of UI development in Compose.

JetInstagram is an Instagram UI clone app built with Jetpack Compose.
JetInstagram is an Instagram UI clone app built with Jetpack Compose.

JetInstagram JetInstagram is an instagram clone app built with Jetpack Compose. This sample showcases: Home Screen Post Like Button Animation Photo Li

InstagramJetpackCompose is an Instagram UI clone app built with Jetpack Compose.
InstagramJetpackCompose is an Instagram UI clone app built with Jetpack Compose.

InstagramJetpackCompose is an Instagram UI clone app built with Jetpack Compose.

Breakout clone built with Compose

breakout-compose The classic Breakout game built with Jetpack Compose ✨ Demo JoyuyNijH2vgqgDy.mp4 🦿 Prerequisites Java 8 or above ⌨️ Usage Clone the

SlackAndroidClone - Slack android clone with Jetpack Compose
SlackAndroidClone - Slack android clone with Jetpack Compose

SlackAndroidClone - Slack android clone with Jetpack Compose

A simple Twitter Spaces clone app with Jetpack Compose and 100ms SDK
A simple Twitter Spaces clone app with Jetpack Compose and 100ms SDK

A simple Twitter Spaces clone app with Jetpack Compose and 100ms SDK to demonstrate the use of 100ms SDK in creating an Audio call feature in your apps.

Snapchat Clone with Jetpack Compose and Clean Architecture
Snapchat Clone with Jetpack Compose and Clean Architecture

Snapchat Clone with Jetpack Compose and Clean Architecture - Navigation Components, CamaraX, android-maps-compose, Exoplayer, Detekt, Coil, Gradle Secrets, Permission Handling.

Comments
  • Fix/edge to edge display

    Fix/edge to edge display

    Fixed the system bar transparency to support edge to edge display. Now the circle goes from all the way up to behind the status bar and behind the navigation bar.

    ### Result

    opened by 2307vivek 0
  • The effect doesn't look good when you fling too fast.

    The effect doesn't look good when you fling too fast.

    The bubble enlarges and then shrinks very quickly on fast flings. A proper custom fling behavior with some custom decay animations is needed to fix this.

    opened by 2307vivek 0
Releases(v1.0.1)
Owner
Vivek Singh
Android Developer💻 | Open Source Enthusiast👐 | Kotlin💖 | Java💥.
Vivek Singh
Mpesa-UI-clone-JetpackCompose - A Mpesa Ui Clone using Jetpack Compose

Mpesa-UI-clone-JetpackCompose Let's Challenge ourselves and build this Mpesa App

Felix Kariuki 9 Sep 17, 2022
Gmail clone project, that uses Jetpack Compose to draw UI content for gmail home screen

Gmail clone project, that uses Jetpack Compose to draw UI content for gmail home screen following Udemy course: Android 12 Jetpack Compose Developer Course - From 0 To Hero

SaraAlshamy 3 Sep 2, 2022
Lock Screen-Compose - Lock Screen with Jetpack Compose

Lock_Screen-Compose 此專案為Jetpack Compose練習題.

Kanneki Chen 0 Jan 26, 2022
Particle clock created with Jetpack Compose framework

Jetpack Compose Particle Clock made with Jetpack Compose This project is inspired by Flutter Particle Clock. License Copyright 2018 Adib Faramarzi. Li

Adib Faramarzi 366 Dec 29, 2022
Pacman Created in JetpackCompose

Pacman Compose This Pacman style game is entirely created using Jetpack Compose, still currently a work-in progress. Demo Technology used All UI creat

Daniel Butler 28 Jun 17, 2022
A note app created with Jetpack Compose

NoteAppJetpackCompose A note-taking app that is connected to a Ktor RESTApi with local caching, entirely made with Jetpack Compose following MVVM arch

Bogomil Stoyanov 9 Nov 23, 2022
Scrobble is a wip music tracking and browsing app. It uses the Lastf.fm and spotify APIs to deliver data. The whole UI is created using Jetpack compose.

Scrobble (WIP, name not final) Scrobble is a wip music tracking and browsing app. It uses the Lastf.fm API to realize music tracking and browsing and

Niklas Schnettler 55 Oct 31, 2022
Simple Note App Created with Jetpack Compose for Android

JetNote An app created to learn how to use Jetpack compose. This app uses the MVVM pattern. JetNote allows the user to create new notes and remove the

David F 0 Oct 13, 2022
ComposeAnimations - Collection of nice animations created with Jetpack Compose

CertificateStack.kt CardStackDemo.mp4 SwipeButton.kt SwipeButton.mp4

Anton Shilov 276 Dec 24, 2022
JetFlix - A clone of Android NetFlix app in Android built using Jetpack compose.

JetFlix A clone of Android NetFlix app in Android built using Jetpack compose. This sample app showcases the following: MVVM Architecture (ViewModel +

Pushpal Roy 40 Dec 6, 2022