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

1. Drop ModuReels into your canvas and size it (supports any layout).

2. Add or edit Items (images, headlines, captions, CTA).

3. Pick a Theme or set Custom colors.

4. Choose Transition Style and Motion Preset.

5. Toggle UI parts to match your brand (progress ring, dots, CTA, etc.).

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