ModuReels

ModuReels — Modular Story Reels for Framer Tell stories with cinematic ease and total control.

ModuReels — Modular Story Reels for Framer Tell stories with cinematic ease and total control. ModuReels is a highly-customizable story/reels component with smooth, relaxed transitions, modular UI (turn anything on/off), and smart CTA navigation. Build anything from minimal, editorial stories to social-style reels—without touching code. Highlights 9 Transition styles : soft/elegant fades, slide (4 dir), zoom fade, blur dissolve, parallax drift Motion presets : elegant / snappy / floaty / cinematic (+ custom duration) Modular UI : header, footer, dots, progress ring, right duration line, play/pause button Ken Burns : subtle / medium or off Themes : Electric, Ink, Snow, Sunset, or Custom (set bg/text/ring) CTA smart links : internal page links or external with target/rel handled for you Media fit & aspect : cover/contain and 9:16, 3:4, 1:1, 16:9, auto Accessibility & UX : keyboard (← → space), swipe, hover-pause, reduced-motion aware Performance : image preloading, GPU-friendly transforms What’s included 1 Framer component (StoryReels.tsx) with Framer property controls Starter presets & placeholders Example data set Property Controls (quick scan) Content : items (media, headline, caption, tag, date, avatar, CTA) Playback : auto-advance, pause on hover, loop, start index Look : theme/custom colors, glass blur, vignette, roundness, shadow Layout : aspect ratio, object fit, Ken Burns UI toggles : header/footer/dots/progress ring (thickness), tag/date/avatar/CTA Extras : right duration line (width), header play/pause button Motion : transition style, easing preset, duration Typography : headline/caption/tag fonts How to use Drop ModuReels into your canvas and size it (supports any layout). Add or edit Items (images, headlines, captions, CTA). Pick a Theme or set Custom colors. Choose Transition Style and Motion Preset . Toggle UI parts to match your brand (progress ring, dots, CTA, etc.). For CTAs, paste a URL or a Framer page path—internal links get page-transitions automatically. Best for Marketing stories • Editorial highlights • Case studies • Launch reels • Social previews • Portfolio features Compatibility Framer (desktop). Uses Framer Motion internally; no extra setup required. License One creator seat, unlimited end projects. Redistribution of source as a standalone template/component is not allowed. Changelog 1.0.0 — Initial release.