About ModuReels
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.
