About
Word Cycler is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fonts.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Word Cycler to your project and fits it to your theme.
Code
How Word Cycler is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
// Built with Remotion - https://remotion.pro/license
import { Composition } from "remotion";
import { Component } from "./video/word-cycler/word-cycler";
import { schema, defaults } from "./video/word-cycler/word-cycler.schema";
export const WordCyclerComposition = () => (
<Composition
id="word-cycler"
component={Component}
schema={schema}
defaultProps={defaults}
durationInFrames={120}
fps={30}
width={1920}
height={1080}
/>
);
Dependencies
More by 21st
View all
Prism Spectrum List
91
Logo Construction Lines
60
Polyrhythm Orbits
45
Live Transaction Alerts
40
Ridgeline Waves
39
Galton Board Chart
36
Metal Card Reveal
36
Shattered Title Assembly
35
More in Text
View all
Vertical Cut Reveal Characters
119
NeonRGBTextEffect
148
Rainbow Text Effect
48
Apple Hello Effect
627
Text Reveal
30
Gradual Spacing
300
Blur Reveal
315
Aero Hero-3
583
