xblur-compose

xBlur

:cloud: xBlur is Realtime iOS-like blur for Android Compose :cloud:

:movie_camera: Look how works

https://user-images.githubusercontent.com/51151970/210694618-5910577f-54fc-40cd-9a82-263653fb8fff.mp4

:rocket: Using Gradle

In your top-level build.gradle file:

repositories {
  ...
  mavenCentral()
}

In your app build.gradle file:

dependencies {
    implementation 'com.github.x3rocode:xblur-compose:[latest_version]'
}

:zap: Quik How to Use

//This will look like IOS!
BlurDialog(
      blurRadius = 250,                       //blur radius
      openDialog = false },     //dialog ondismiss
      size = IntOffset(280,160),              //dialog size
      shape = RoundedCornerShape(30.dp),      //dialog shape
      backgroundColor = Color.White,          //mixing color with dialog
      backgroundColorAlpha = 0.4f,            //mixing color alpha
      dialogDimAmount = 0.3f,                 //set this if you want dark behind dialog.
      dialogBehindBlurRadius = 100,           //blur behind dialog
      isRealtime = true                       //Realtime capture or not. false = only the first time captured when dialog opens.
 ){
  //Some Contents inside dialog     
 }

:fire: Feature

• backgroundColor : You can mix ANY COLOR you want.
  

backgroundColor	sample
backgroundColor = Color.Transparent
backgroundColor = Color.White
backgroundColor = Color.Black
backgroundColor = Color.Yellow
backgroundColor = Color.Red

• backgroundColorAlpha : You can set background color ALPHA.
  

backgroundColorAlpha	sample
backgroundColorAlpha = 0.0f
backgroundColorAlpha = 0.5f
backgroundColorAlpha = 1.0f

• dialogDimAmount : set this if you want DARK BEHIND dialog.
  

dialogDimAmount = 0.0f	dialogDimAmount = 0.5f	dialogDimAmount = 0.0f

• dialogBehindBlurRadius : BLUR BEHIND dialog
  

dialogBehindBlurRadius = 0	dialogBehindBlurRadius = 100

:alarm_clock: Todo

• blur toast message
• blur navigation bar
• blur bottom sheet