Skip to content

Instantly share code, notes, and snippets.

View Mikkareem's full-sized avatar

Irsath Kareem Mikkareem

View GitHub Profile

Physics Bubble Screen in Compose Multiplatform

Using RenderEffect

Targets: Android / IOS / Desktop / JVM

All Demos are available in Comments

Thanks to Kyriakos-Georgiopoulos

Wobble Text in Compose Multiplatform

Using Shaders

Targets: (Android, IOS, JVM/Desktop)

private fun Modifier.testComposed(
value: Int
): Modifier = composed {
DisposableEffect(value) {
println("Started with value $value")
onDispose {
println("Disposed with value $value")
}
}
@Composable
internal fun NeonGlowText(
text: String= "Neon",
modifier: Modifier = Modifier,
fontSize: TextUnit = 36.sp,
color: Color = Color.Cyan
) {
val blurRadii = listOf(28f, 25f, 10f, 3f, 1f)
Box(modifier = modifier) {
@Mikkareem
Mikkareem / ImageBlendingEffect1.kt
Created November 11, 2025 11:30
Image Blending Effect using Jetpack Compose (CompositingStrategy & BlendMode)
@Composable
private fun ImageBlendingEffect1Example() {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color.Blue),
contentAlignment = Alignment.Center
) {
Image(
painter = painterResource(R.drawable.background),
@file:OptIn(ExperimentalAnimatableApi::class)
package com.techullurgy.retest.sharedelement
import androidx.compose.animation.core.DeferredTargetAnimation
import androidx.compose.animation.core.ExperimentalAnimatableApi
import androidx.compose.animation.core.VectorConverter
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import android.os.Build
import androidx.compose.animation.core.Animatable
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.RepeatMode
import androidx.compose.animation.core.animateFloat
import androidx.compose.animation.core.infiniteRepeatable
import androidx.compose.animation.core.rememberInfiniteTransition
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
@Mikkareem
Mikkareem / ConstraintsDebuggerModifier.kt
Created May 28, 2024 12:11
Custom Modifier to debug the incoming constraints at any point in the Modifier chain in Jetpack Compose
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.sizeIn
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
@Mikkareem
Mikkareem / CircularProgressGradientAnimated.kt
Created April 14, 2024 07:35
Custom Drawing of Gradient Animated Circular Progress Bar using Jetpack Compose like we have in Hotstar App
import androidx.compose.animation.core.RepeatMode
import androidx.compose.animation.core.animateFloat
import androidx.compose.animation.core.infiniteRepeatable
import androidx.compose.animation.core.rememberInfiniteTransition
import androidx.compose.animation.core.tween
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.requiredSizeIn
@Mikkareem
Mikkareem / InstagramMultiProfile.kt
Created December 12, 2023 08:54
Instagram Multi Profile View Container using Jetpack Compose
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.layout.Layout
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.tooling.preview.Preview