---
title: "ModuReels — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Pantelis Tassopoulos · Buttons. ModuReels — Modular Story Reels for Framer Tell stories with cinematic ease and total control."
canonical: "https://framer.elliotli.dev/component/modureels"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/ModuReels

# ModuReels

[View on Framer](https://framer.com/marketplace/components/modureels/?via=elliot-li)

![ModuReels preview image 1](https://framer.elliotli.dev/og/component/modureels/e4e037df89498b2a/1600x1200.jpg)

## Summary

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

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #9630

## Details

- **Author**: Pantelis Tassopoulos
- **Price**: $5.00
- **Published**: 2025-11-20
- **Updated**: 2025-11-20
- **Added**: 2025-11-08
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything