Unfocused+
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
Bring a premium feel to your Framer website!
Unfocused+ simulates lens defocus to create interactive blur effects on your site. It supports scroll-based animations and Variants, with a wide range of adjustable properties — allowing you to craft unique effects with just a few simple tweaks.
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.
For support, please contact x.com/jayzhushi.
