---
title: "Light Frame UI — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Saadat Ali · Sections. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/liquid-beam"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Light Frame UI

# Light Frame UI

Connect anyhing

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

![Light Frame UI preview image 1](https://framer.elliotli.dev/og/component/liquid-beam/4f1fe9aec90885bf/1600x1200.jpg)

## Summary

Connect anyhing

## Description

**Uses**

-   Highlight featured cards or CTAs
    
-   Create futuristic UI sections
    
-   Add motion to hero components
    
-   Visualize energy, flow, or connection
    
-   Enhance product or dashboard elements
    

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

**Features**

-   Directional liquid beam with realistic flow motion
    
-   Smooth merging between beam and container edges
    
-   Adjustable beam width, taper, and spread
    
-   Dual-color glow with core and aura layers
    
-   Volumetric smoke for depth and atmosphere
    
-   Ambient dust particles for subtle motion
    
-   Beam-focused particle effects for energy trails
    
-   Optional grid background with customizable density
    
-   Precise alignment with child component bounds
    
-   Supports directional flow (top, bottom, left, right)
    
-   High-performance GPU shader rendering
    
-   Responsive and auto-resizing layout
    
-   Viewport-aware rendering for performance
    
-   Works seamlessly with any nested Framer component
    

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

-   All · #1399

## Details

- **Author**: Saadat Ali
- **Price**: $7.00
- **Published**: 2026-05-15
- **Updated**: 2026-07-06
- **Added**: 2026-05-04
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove