xBlur

api api api api api

☁️ xBlur is Realtime iOS-like blur for Android Compose ☁️

? Look how works

bandicam.2023-01-04.22-12-00-837.mp4

? 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]'
}

⚡ Quik How to Use

//This will look like IOS!
BlurDialog(
      blurRadius = 250,                       //blur radius
      onDismiss = { 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
 ){
  //Some Contents inside dialog     
 }

? 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

⏰ Todo

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

GitHub

View Github