GitHub - MustafaKoceerr/Compose-Dynamic-Photo-Grid: A dynamic, aspect-ratio-aware masonry image grid and note card layout built with Jetpack Compose. Uses a smart modulo algorithm for perfect row arrangements.

๐Ÿ–ผ๏ธ A dynamic, aspect-ratio-aware masonry image grid and note card layout built with Jetpack Compose.
โœจ Uses a smart modulo algorithm for clean and balanced row arrangements.

Features

  • ๐Ÿ“ Dynamic grid based on image count
  • ๐Ÿง  Aspect-ratio-aware sizing
  • ๐Ÿงฑ Masonry-style note cards
  • ๐Ÿ”ข Smart modulo row arrangement
  • ๐Ÿ‘€ Jetpack Compose preview cases

Screenshots

Editor Image Grid Notes Staggered Grid
Editor Image Grid Notes Staggered Grid

Project Structure

  • ๐Ÿ–ผ๏ธ EditorImageGrid.kt โ€” Editor image grid
  • ๐Ÿ—‚๏ธ NotesGridAndCard.kt โ€” Notes grid and card layout
  • ๐Ÿ“ฆ Models.kt โ€” Data models
  • ๐Ÿงช MockData.kt โ€” Preview mock data
  • ๐Ÿ‘๏ธ EditorPreviews.kt โ€” Editor preview cases
  • ๐Ÿงญ GridPreviews.kt โ€” Grid preview cases
  • ๐Ÿš€ MainActivity.kt โ€” App entry point

Tech Stack

  • ๐Ÿ’œ Kotlin
  • ๐ŸŽจ Jetpack Compose
  • ๐ŸŒ€ Coil 3