Onboarding app
32 unique onboarding screen variations built with Jetpack Compose and Material 3
github.com/ahmmedrejowan/OnboardingScreen-JetpackCompose
Screenshots
6 images, scroll sideways, open one to use the arrow keys
About
A showcase app featuring 32 unique onboarding screen variations built with Jetpack Compose and Material 3. Perfect for developers looking for inspiration and ready-to-use onboarding implementations.
From classic horizontal pagers to advanced 3D transitions, glassmorphism effects, and interactive quizzes - this collection covers every onboarding style you might need for your Android app.
- Jetpack Compose
- Kotlin
- Material Design
Features
- 32 different onboarding screen styles
- Dark mode & Dynamic color theming (Material You)
- Search functionality to find variations
- Clean, modular architecture
- 100% Kotlin & Jetpack Compose
- Ready-to-copy implementations
- YouTube tutorial for classic variation
Tech details
Tech Stack:
- Language: Kotlin (100%)
- UI Framework: Jetpack Compose
- Design System: Material 3 with dynamic colors
- Navigation: Navigation Compose with type-safe routes
- Preferences: DataStore for theme settings
- Animations: Lottie for JSON animations
Architecture:
- Single-module showcase app
- Clean separation of onboarding variations
- Reusable components and utilities
Requirements:
- Minimum SDK: API 24 (Android 7.0)
- Target SDK: API 36 (Android 16)
- Compile SDK: API 36
Changelog
v2.0.0
latestBug fixes and improvements
Full notes for v2.0.0
v2.0.0 on GitHub ↗What's New
Bug fixes and improvements
Install
-
Clone the repository: git clone https://github.com/ahmmedrejowan/OnboardingScreen-JetpackCompose.git
-
Open the project in Android Studio
-
Sync the project with Gradle files
-
Connect your Android device or start an emulator
-
Click on the "Run" button to build and run the app
Roadmap
- Add more onboarding variations
- Library module for easy integration
- Compose Multiplatform support