---
title: "Discussion on \"How to create an image with blurry loading effect in NextJS\" | Hashnode"
description: "Discussion on \"How to create an image with blurry loading effect in NextJS\". NextJS has provided a built-in image component\nthat has many useful features, we can leverage them with some custom styles to create a beautiful image with a blurry loading effect.\n\n[!NOTE]\nAll the examples below are in React with TypeScript and styl..."
url: "https://hashnode.com/posts/how-to-create-an-image-with-blurry-loading-effect-in-nextjs/69623ef18827666df4d6365d"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to create an image with blurry loading effect in NextJS](https://kmstech.co/blogs/how-to-create-an-image-with-blurry-loading-effect-in-nextjs?utm_source=hashnode&utm_medium=feed)

NextJS has provided a built-in image component that has many useful features, we can leverage them with some custom styles to create a beautiful image with a blurry loading effect. \[!NOTE\] All the examples below are in React with TypeScript and styl...

Jan 10 · 3 min read · kmstech.co  
Read the article

-   [#blur](https://hashnode.com/tag/blur)
-   [#image](https://hashnode.com/tag/image)
-   [#loading](https://hashnode.com/tag/loading)
-   [#nextjs](https://hashnode.com/tag/nextjs)

## Written by

[KMS Tech](https://hashnode.com/@KMSTech)

@KMSTech · Dhaka, Bangladesh

  
[View profile](https://hashnode.com/@KMSTech)

Sacred Intention Leads to Perfection

## Responses

Markdown supported · ⌘↵ to post

No responses yet.