Skip to content

Instantly share code, notes, and snippets.

@remziakgoz
remziakgoz / FlipPokeballAnimation.kt
Created June 4, 2025 12:03
A Pokéball flip animation that reveals a card using Jetpack Compose
import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.core.animateDpAsState
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.scaleIn
import androidx.compose.animation.scaleOut
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.Image
@remziakgoz
remziakgoz / FlipPokeballAnimationV2.kt
Last active June 4, 2025 19:08
A Jetpack Compose Pokéball animation that flips open to reveal a promotional card and flips back when clicked. Includes smooth rotation, split opening arcs, and a fading card reveal.
import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.scaleIn
import androidx.compose.animation.scaleOut
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.Image
import androidx.compose.foundation.clickable
@remziakgoz
remziakgoz / WavyRingVisualizer.kt
Created June 10, 2025 12:33
Jetpack Compose Wavy Gradient Ring Visualizer 🎨
/**
* A colorful animated ring built with Jetpack Compose Canvas.
* Uses sine waves and HSV gradient segments for a smooth, reactive visualization.
* Sliders allow you to adjust amplitude and frequency in real time.
*/
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
@remziakgoz
remziakgoz / StartButton.kt
Created June 20, 2025 10:24
Jetpack Compose: Control Lottie Animations with Animatable
// StartButton.kt
package com.remziakgoz.coffeepomodoro.presentation.components
import androidx.compose.foundation.clickable
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.airbnb.lottie.compose.*
@remziakgoz
remziakgoz / MolecularMenu.kt
Created July 6, 2025 15:11
Jetpack Compose animation demo of a molecular-style radial menu with rotating buttons, directional detail popups, and interactive motion using Animatable, LaunchedEffect, and Offset geometry.
@Composable
fun MolekulerMenu() {
var center by remember { mutableStateOf(Offset.Zero) }
var expanded by remember { mutableStateOf(false) }
var selectedIndex by remember { mutableStateOf<Int?>(null) }
val radius = remember { Animatable(0f) }
val rotation = remember { Animatable(0f) }
LaunchedEffect(center) {
@remziakgoz
remziakgoz / CompactWeeklyProgress.kt
Created August 14, 2025 16:05
Interactive weekly progress tracker UI for Coffee Pomodoro – showcasing dynamic cup count visualization, goal completion status, and per-day breakdown in a clean, modern card layout.
package com.remziakgoz.coffeepomodoro.presentation.components
import androidx.compose.animation.core.EaseOutCubic
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
@remziakgoz
remziakgoz / BottomSectionComponents.kt
Created August 15, 2025 18:40
Stylish and responsive dashboard components for the CoffeePomodoro app built with Jetpack Compose, featuring achievement badges, coffee tips, and quick stats cards.
package com.remziakgoz.coffeepomodoro.presentation.components
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
@remziakgoz
remziakgoz / GoeySlimeLoader.kt
Created August 20, 2025 18:13
Gooey Slime Loader Indicator
package com.remziakgoz.coffeepomodoro.presentation.components
import androidx.compose.animation.core.*
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Brush