ComposeImageBlurhash is a Jetpack Compose component with the necessary implementation to display a blurred image while the real image is loaded from the internet.
Use blurhash and coil to ensure good performance.


The Coil library is used to load the images asynchronously

You can find more information here github!

More from Blurhash

BlurHash is a compact representation of a placeholder for an image.

You can also see nice examples and try it out yourself at!

All blurhash code is here


Who uses ComposeImageBlurhash? :

Inmersoft – At Immersoft we use ComposeImageBlurhash for a better user experience when loading and displaying images to the end user.

#How to use

  • In the AndroidManifest add the permissions to use the Internet

      <uses-permission android:name="android.permission.INTERNET" />
  • In the build.gradle add the necessary dependencies

      implementation 'com.github.orlando-dev-code:compose-image-blurhash:1.0.0-alpha02'
  • Add component as required

      class MainActivity : ComponentActivity() {
      override fun onCreate(savedInstanceState: Bundle?) {
          setContent {
              TestImageBlurLibraryTheme {
                  // A surface container using the 'background' color from the theme
                    Surface(color = MaterialTheme.colors.background) {
      fun TestImageBlurhash(resources: Resources) {
            val imageUrl = ""
            val blurhash = "LEHV6nWB2yk8pyo0adR*.7kCMdnj"
                modifier = Modifier
                shape = MaterialTheme.shapes.small
            ) {
                    modifier = Modifier.fillMaxSize(),
                    blurhash = blurhash,
                    imageUrl = imageUrl,
                    resources = resources,
                    contentDescription = "Image content description"


View Github