ComposePlayground

A small Jetpack Compose playground experimenting with UI and animation techniques. It demonstrates a variety of interactive and visually rich UI components and effects.

Credit Card Selection Animation

Interactive credit card selection with smooth drag gestures and animations.

https://github.com/user-attachments/assets/dbf47384-9cf7-4f52-81f0-688aec71285a

3D Product Viewer

Product list and detail screens featuring 3D models with camera animations and interactive controls.

https://github.com/user-attachments/assets/0145e6af-606b-4226-ae45-1aa1a791f0e5

AGSL Sample - Spirograph

Mathematical art creation using Android Graphics Shading Language (AGSL) with two rotating axes creating spirograph patterns.

https://github.com/user-attachments/assets/e71144d3-5a68-4a57-90a9-330bc264a0a0

Circular Carousel with LazyRow

A circular carousel effect using LazyRow enhanced with graphicsLayer and trigonometric calculations. Features infinite scroll and auto snap.

https://github.com/user-attachments/assets/474c58c3-1bf9-4eeb-b541-c088451fa2d6

Shadow Chain Tutorial

Chain dropShadow() and innerShadow() modifiers in Jetpack Compose to create 3D-like, fake glassy, and blurred shadow effects.

https://github.com/user-attachments/assets/355574f5-ba35-4b41-9845-f13f006de698

Side Panel Custom Layout

An animated custom side panel layout with drag handle in Jetpack Compose.

https://github.com/user-attachments/assets/fc97ac2c-9598-4a38-bef6-caf3c7b68771

Shared Element Toolbar Transition

Shared element transition between toolbar and content using Jetpack Compose.

https://github.com/user-attachments/assets/49f36a50-86cc-4a0b-902e-d1bf66516327

Explodable Chips with Physics

Interactive selectable chips that explode with physics-based animations on swipe.

https://github.com/user-attachments/assets/797d71a1-b529-4c12-a4f1-61497643d20d

Segmented Wallpaper

ML Kit subject segmentation with AI-based background completion (Vertex AI / Gemini 2.0 Flash) to produce a depth animated wallpaper from a single image.

https://github.com/user-attachments/assets/4ec70d5d-ed62-42e7-90b9-aa670dd3bbf7

For running this sample create a Firebase project and generate a google-services.json file. Place the file in the app folder: app/google-services.json. Be sure to enable Vertex AI API. Ensure to also enable AppCheck on your Firebase project to prevent API abuse. For better results run this sample on a real device.

Credits

3D Models

The following 3D models are used under Creative Commons Attribution license:

• Xbox Wireless Controller (White) by Chistodrako._
  Source: Sketchfab
  License: Creative Commons Attribution

• Xbox Wireless Controller (Black) by Chistodrako._
  Source: Sketchfab
  License: Creative Commons Attribution