---
title: "Unfocused — Free Framer component · Best of Framer"
description: "Free Framer component · by Jay Ji · Effects. Unfocused introduces a refined blur effect."
canonical: "https://framer.elliotli.dev/component/unfocused"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Unfocused

# Unfocused

[View on Framer](https://framer.com/marketplace/components/unfocused/?via=elliot-li)

![Unfocused preview image 1](https://framer.elliotli.dev/og/component/unfocused/ca8c4dba46bdfc8c/1600x1200.jpg)

## Summary

Unfocused introduces a refined blur effect.

## Description

## Premium effects to your site.

Unfocused introduces a refined blur effect. By simulating lens defocus and chromatic dispersion, it adds depth and atmosphere to your visuals. With controls for blur falloff and focal origin, Unfocused creates striking motion and an immersive sense of dimensionality.

Unfocused deeply integrates WebGL into Framer, delivering refined visuals while preserving performance. Focus on your creative vision — then publish it with ease.

## Features

-   Supports custom images and videos.
    
-   Up to 10 adjustable properties to help you create unique effects.
    
-   Supports scroll animations and scroll-based transformations.
    
-   Works with Framer Variants for engaging sequence animations.
    
-   Compatible with Framer’s native Transition controller.
    
-   Additional helper settings for mobile-specific optimization.
    
-   High-performance animation engine built for production-level pages.
    
-   Precise control over animation endpoints — fully or partially reveal media content.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-o7bdjhi2-ETRtz6k41pGK8FBjK1zLRX0fUuHWpf)

For support, please contact [x.com/jayzhushi](http://x.com/jayzhushi).

## Rank history [How rankings work →](/terms#rankings)

-   All · #127

## Details

- **Author**: Jay Ji
- **Published**: 2025-09-04
- **Updated**: 2025-11-20
- **Added**: 2025-08-26
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows