7 Best Vue Blur Effect Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

vb

v-blur

⬜️ Vue directive to blur an element dynamically

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.0/ 5
1
Top Feedback
1Easy to Use
1Slow
GitHub Stars
181
Weekly Downloads
2K
Last Commit
2mos ago
Bundle Size (min+gzip)
0.49KB
Not Tree-Shakeable
vb

vue-blurhash

🌁 VueJS components using the blurhash algorithm (representation of a placeholder for an image)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
41
Weekly Downloads
198
Last Commit
10mos ago
Bundle Size (min+gzip)
21.1KB
Not Tree-Shakeable
tv

translucent-vue

A Vue binding for @byeolbit translucent

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
2yrs ago
Bundle Size (min+gzip)
13.4KB
Not Tree-Shakeable
vcr

vue-cloudimage-responsive-blur-hash

Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with blur hash placeholder.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
vlp

vue-lazy-picture

Responsive Vue component for Medium-style lazy loading pictures.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
2
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.36KB
Tree-Shakeable
vib

@djanoskova/vue-image-blur

### Demo See the working example at <a href="https://vue-image-blur.herokuapp.com/" target="_blank">https://vue-image-blur.herokuapp.com/</a> and the demo code repository at <a href="https://github.com/DJanoskova/-djanoskova-vue-image-blur-demo" target="_

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vbl

vue-blur-loader

A vue component to load images with a blur animation like the site Medium

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
12
Weekly Downloads
0
Last Commit
4yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable