Focus Blur Frame
$8
A card component built for Framer. Live preview below — interact with it directly before you buy.
About Focus Blur Frame
FocusFrame is an immersive video card component for Framer with smooth edge blur, vignette effect, and center focus. The video plays automatically in a loop while blurred edges create a natural image blur that draws the eye to the center — perfect for cinematic product showcases, editorial sections, and luxury brand experiences. The effect works by applying a progressive blur from the edges inward, keeping the center sharp and clear. Adjust the blur amount, edge size, and overlay color to create anything from a subtle soft-focus look to a dramatic cinematic vignette. Fully customizable via property controls — no code needed.
Features
- →Auto-playing looping video with center image focus effect
- →Smooth edge blur and image blur vignette
- →Adjustable blur amount and blur edge size
- →Dark overlay with custom color and opacity
- →Centered title and subtitle text layer
- →Customizable font family, size, weight, and color
- →Border toggle with color and width control
- →Adjustable border radius
- →Interactive demo component included
Use Cases
- →Luxury and beauty brand websites
- →Editorial hero and focus sections
- →Fashion and lifestyle landing pages
- →Product showcase and highlight cards
- →Portfolio feature sections
- →Cinematic and soft-focus storytelling layouts
- →Homepage hero sections
- →Product detail pages
- →Creative agency and portfolio sites
- →Fashion and beauty e-commerce
- →Visual storytelling and editorial layouts
Best value
Get every component with All-Access — $129
Focus Blur Frame and all 122 others, current and future.
Get All-Access
