Skip to content

component

Light Frame UI

By Saadat Ali

Details

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 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

Introduction

Connect anyhing

Rank history

Daily rank per list, from the first snapshot — lower is better.

12014016017198/148/228/309/79/15
  • All · #719