51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/2ki4yyrisu2ij.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1p1m6k-07-rnl.js","/creators-assets/_next/static/immutable/chunks/31z3x8-ecursh.js","/creators-assets/_next/static/immutable/chunks/1ref25mu3oq2i.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3jh-ytnj2jozn.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/05rrr83hzalq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3b-kblnn-fg06.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/100wf9ts-t0z6.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/0r0u_faqg_ape.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T69d,

Dynamic Flow Curve

A physics-based interactive divider that bends and oscillates in response to your cursor. Hover over the line to deform it — move away and it springs back with a natural, satisfying wobble. Built entirely with SVG and requestAnimationFrame, no external libraries needed.

Features

Mouse-reactive — The curve bends toward your cursor's vertical movement in real time.

Spring physics — Releases with a smooth oscillation that decays naturally back to rest.

5 controls — Tune color, thickness, sensitivity, return speed, and oscillation — all from the Framer panel.

Zero dependencies — Pure SVG and vanilla animation. No extra packages, no performance overhead.

Property controls

strokeColor — Color of the curve line

strokeWidth — Thickness of the line (0.5–8px)

sensitivity — How strongly the curve reacts to mouse movement

returnSpeed — How fast the curve settles back to rest

oscillation — Wobble frequency as the curve returns

hideCursor — Hides the cursor on hover for a cleaner look

Good for

Section dividers between page blocks that feel alive instead of static

Hero or landing page accents that reward visitors who explore with the cursor

Portfolio and agency sites looking for subtle, memorable micro-interactions

Any place a plain hr feels too boring

How to use

Drop the component onto your canvas and set the layout to Fixed width. Stretch it to the full width of your section. Adjust the controls in the right panel to match your design. Works on both light and dark backgrounds — just change the stroke color.

53:T93b,

Overview

Video Sequencer is a high-performance Framer component for seamless multi-clip video playback. It uses a double-buffered rendering system to enable near-instant transitions between clips without visible flicker or loading gaps.

Each clip supports independent start and end trimming with frame-accurate sequencing logic, making the component suitable for cinematic interfaces, motion systems, and advanced storytelling layouts.

Built for Framer

The component supports both uploaded video files and remote video URLs, with preload optimization for smoother playback across sequences. Playback behavior can be configured using looping, pause states, responsive object-fit controls, border radius styling, and an optional debug overlay for timing inspection and clip validation.

A built-in liquid glass controls overlay provides play/pause, mute toggle, and a fully seekable timeline — appearing on hover and fading away automatically. The timeline can operate in two modes: Global, which spans the entire clip sequence as one continuous scrubber with clip boundary markers, or Per Clip, which resets for each individual clip.

Use Cases

Cinematic hero sections
Interactive storytelling experiences
Motion-heavy landing pages
Portfolio transitions
Product showcases
Advanced UI motion systems
Synchronized multi-clip playback experiences

Features

Double-buffered instant switching
Frame-accurate clip ending detection
Independent start/end trimming per clip
Upload or URL-based video sources
Loop or single-pass playback modes
Built-in preload optimization
Liquid glass controls overlay with auto-hide
Play/pause and mute toggle controls
Seekable timeline with drag scrubbing
Global or per-clip timeline modes
Clip boundary markers on global timeline
Debug HUD for playback inspection
Responsive and lightweight architecture
Framer-native property controls
Seamless cinematic clip transitions

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-c1c44a49-bd5c-42ef-a81e-d43ac7782214-all:/unified/creator/c1c44a49-bd5c-42ef-a81e-d43ac7782214/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c1c44a49-bd5c-42ef-a81e-d43ac7782214:/unified/posts/?creator=c1c44a49-bd5c-42ef-a81e-d43ac7782214&with=reposts":[{"data":[{"id":"019e7941-9446-7db4-8489-c173c0e31535","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qhN2pjYXhC42fuYLaGct","resolved":true,"title":"Dynamic Flow Curve","body":"$52","bodyJson":null,"introduction":"Physics-based curve, alive with motion","slug":"dynamic-flow-curve","author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qhN2pjYXhC42fuYLaGct/dynamic-flow-curve-mOi6lT5hAf7gasnYtSYuEihYPeO0qW","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-15T23:09:13.933Z","updatedAt":"2026-05-30T14:06:08.348Z","publishedAt":"2026-05-30T14:20:01.478Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SVGBezierCurve-f0K8KM.js@uY9CFqkOwQIb3LP3iqLX","previewUrl":"https://placid-system-034879.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"uY9CFqkOwQIb3LP3iqLX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:20:01.478Z","updatedAt":"2026-05-30T14:20:01.478Z"},{"id":"019e64dc-a43b-794c-a4f9-cad55bd6dec5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JtZ9VoJpmtTNhg0vAZFk","resolved":true,"title":"Lamp","body":"

## Lamp Component

A cinematic light beam effect for your Framer projects.

### Features

- Animated dual beams with smooth easeInOut transition

- Configurable beam color, start/end width, and spread

- Inner and outer glow with opacity and blur controls

- Animation delay and duration controls

- Overflow toggle for flexible layout use

### How to use

Drop the component into your frame, then customize it using the property controls panel on the right.

","bodyJson":null,"introduction":"Animated light beam with glow effects","slug":"lamp","author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JtZ9VoJpmtTNhg0vAZFk/lamp-FLSi6Izb1SW63HiFxYAFGgDHhsvIU0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-21T13:38:48.347Z","updatedAt":"2026-06-10T14:12:22.189Z","publishedAt":"2026-05-26T15:17:22.107Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Lamp-g9uJ1M.js@167keRjREFu9QnrMAv7z","previewUrl":"https://renewed-hexagon-811857.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"167keRjREFu9QnrMAv7z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T15:17:22.107Z","updatedAt":"2026-05-26T15:17:22.107Z"},{"id":"019e273d-c244-768b-bfdc-de7fd1b36b41","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iewpziiiGeJJaPWcoHHm","resolved":true,"title":"VideoSequencer","body":"$53","bodyJson":null,"introduction":"Frame-accurate multi-clip video playback","slug":"videosequencer","author":{"framerUserId":"c1c44a49-bd5c-42ef-a81e-d43ac7782214","name":"Ar Templates","slug":"artemplates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c1c44a49-bd5c-42ef-a81e-d43ac7782214/152pl2xl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/iewpziiiGeJJaPWcoHHm/videosequencer-cEgSaa6lCRqah7qi3Aw77wU2dfGLA2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-11T11:16:09.506Z","updatedAt":"2026-06-10T14:12:16.371Z","publishedAt":"2026-05-14T16:06:59.396Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/VideoSequencer-0FeuYL.js@1zHHua0CNyiFgoAccCtH","previewUrl":"https://moody-speech-566183.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"1zHHua0CNyiFgoAccCtH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T16:06:59.396Z","updatedAt":"2026-05-14T16:06:59.396Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]