---
title: "Cinematic Text — Free Framer component · Best of Framer"
description: "Free Framer component · by Sajjadul Kibria · Text. Cinematic Text is a premium Framer component that transforms static headlines into a living, breathing piece of visual storytelling."
canonical: "https://framer.elliotli.dev/component/cinematic-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Cinematic Text

# Cinematic Text

Animated Flicker & Reveal Text

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

![Cinematic Text preview image 1](https://framer.elliotli.dev/og/component/cinematic-text/284c617006b970c8/1600x1200.jpg)

## Summary

Cinematic Text is a premium Framer component that transforms static headlines into a living, breathing piece of visual storytelling.

## Description

## Make every word feel like a scene.

Cinematic Text is a premium Framer component that transforms static headlines into a living, breathing piece of visual storytelling. Inspired by the moody atmosphere of noir film titles and vintage cathode-ray displays, it animates every character individually — emerging from haze, snapping into clarity, and flickering with the restless energy of a broken neon sign.

No code required. Every effect is fully controllable from Framer's property panel.

### What it does

Each character reveals itself with a cinematic blur-to-focus transition, staggered organically so no two letters move in sync. Once on screen, characters pulse with a subtle flicker, drift with film-gate jitter, and carry a multi-layered glow that makes text feel lit from within. On entry, a chromatic aberration effect splits each character into red and cyan channels before snapping into register — the same visual language used in high-end motion graphics and title sequences.

### Key Features

**Character-level animation** — every letter is independently animated with randomised timing so the reveal feels organic, never mechanical.

**Atmospheric glow** — multi-layer text-shadow builds a deep, luminous halo around your text. Glow colour, intensity, and shadow depth are all adjustable.

**Film flicker** — a procedurally generated opacity pattern mimics the irregular pulse of a neon tube or ageing projector bulb. Intensity and speed are separate controls.

**Chromatic aberration** — an RGB channel split effect plays out on reveal before resolving to clean type. Dial it up for a cyberpunk edge or keep it subtle for a cinematic polish.

**Burn-in spring** — an optional spring overshoot on the scale transition gives each character a punchy, physical snap as it lands.

**Film jitter** — a looping micro-movement on each character simulates the mechanical instability of a film gate, adding texture to static moments.

**Scanline overlay** — a fine horizontal line pattern adds CRT depth to the entire component without affecting legibility.

**Three trigger modes** — animate on load, on scroll into view, or on hover for interactive reveals.

**Native Framer font picker** — select any local or Google font directly from Framer's font panel, with full control over weight and style.

**Blend mode support** — compositing options including Screen, Overlay, Color Dodge, and more for layering over image or video backgrounds.

### Ideal for

-   Hero headlines and landing page titles
    
-   Portfolio and agency websites
    
-   Event, film, or product launch pages
    
-   Dark-mode interfaces and immersive experiences
    
-   Any project where the typography needs to do as much work as the visuals
    

### Customisable Properties

Everything is controlled directly from Framer's property panel with no code required.

**Content and typography** — write multi-line text directly in the panel, pick any font through Framer's native font picker with full control over weight and style, and fine-tune letter spacing and line height to match your layout.

**Colour and alignment** — set the text colour independently from the glow, choose left, centre, or right alignment, and select a blend mode — including Screen, Overlay, and Color Dodge — for layering over image or video backgrounds.

**Glow and depth** — control the colour and intensity of the multi-layer light halo, and adjust shadow depth to build as much or as little dimensionality as the design calls for. Toggle the scanline overlay on or off for a CRT texture.

**Reveal and timing** — set how fast characters appear with the Reveal Speed slider, add a Phase Delay to hold the animation until the right moment, and toggle the Burn-In Spring for a physical snap as each character lands.

**Ongoing animation** — tune the Flicker intensity and speed independently so the pulse feels erratic or steady. Set Film Jitter strength to add a subtle mechanical tremor between zero and a full restless shake. Adjust Chromatic Split to control how strongly the RGB channel separation plays out on entry.

**Trigger mode** — choose Auto to animate on load, Scroll to fire when the component enters the viewport, or Hover for an interactive reveal on cursor contact.

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

-   All · #7881

## Details

- **Author**: Sajjadul Kibria
- **Published**: 2026-02-27
- **Updated**: 2026-02-27
- **Added**: 2026-02-20
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing