Unfocused+ brings refined blur aesthetics to your designs. It supports Scroll Transform and Variants Animation , and offers rich controls that take web design to new heights.
Make it with Workshop
Build your own component with AI
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.
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.
For support, please contact x.com/jayzhushi.