Reelsyn Docs — Kinetic Typography, Audio Beat Sync & 60 FPS Reels Guide

Section 01 // Workflow 3-Step Creation

Quick Start: Building High-Impact Kinetic Reels

Reelsyn is engineered for creators, marketers, and editors who need to produce viral typography reels in seconds instead of keyframing for hours inside heavy desktop NLEs.

1. Importing Text, Headlines & Dynamic Hooks

The core message of your reel lives in Section 2 (Post Copy & Typography Layout) in the studio sidebar. Reelsyn supports multi-line text input with automatic optical line-height adjustments and custom kerning.

Viral Pro Tip: The Asterisk Hook Syntax

Wrap any power word or emotional hook in asterisks like *DISRUPT* or *10X* to trigger Reelsyn's Smart Keyword Highlight engine. Depending on your chosen style, this word will ignite with a vibrant chromatic neon glow or be framed in a high-contrast pill marker.

// Example headline input with smart highlight syntax:

STOP WASTING HOURS ON *BORING* EDITS.

BUILD HIGH-VELOCITY *REELS* IN SECONDS.

📐

Standard Centered

Full freedom positioning. Ideal for punchy 1-to-3 line quotes, affirmations, and high-impact viral declarations.

✂️

Split Screen

Top 50% displays your Layer A background media or looping 3D B-roll; bottom 50% renders high-contrast editorial typography.

💬

Quote Card

Mimics an authoritative X/Twitter or Threads social card complete with your display handle and official verified badge.

📊

Stat Block

Hero metric badges (e.g. +140%, $2.4M, #01) paired with supporting bullet point arguments.

2. Choosing Dynamic Kinetic Animation Layers

Static typography fails on short-form platforms. Reelsyn provides two simultaneous kinetic layers: an Intro Entrance Spring and Continuous Ambient Motion.

A

Kinetic Entrances (0.8s Spring Hook)

Choose Drop & Settle for a physics-based inertial drop that grabs user attention in the first 3 frames, or Pop Scale for an energetic zoom-punch. Use the ↻ Replay button in Section 3 to preview your entrance anytime.
B

Continuous Typography Motion

Select from Cyber Glitch (horizontal RGB jitter and slice offsets), Typewriter Wave (rhythmic character opacity reveal), Breathing Pulse, or Zero-Gravity Float to keep the screen alive during 5s–30s loops.
C

Dual Graphic Layers (Layer A + Layer B)

Upload custom video loops (.mp4, .webm) into Layer A (Background Graphic) and company logos or verified watermark badges into Layer B (Foreground Overlay). Configure independent blend modes (Screen, Overlay, Lighter) and autonomous motions (Spin, Float, Pulse).
D

20+ Procedural Generative Shaders

If you don't have video B-roll, switch background mode to procedural motion: Perspective Cyber Grid, Hypnotic Wormhole, Iridescent Silk, Matrix Rain, Synthwave Sun, or Dynamic Halftone.

3. Adjusting 60 FPS Export Settings & Retention Bars

In Section 8 (Video Recorder Settings), configure your recording parameters before hitting the record button:

⏱

Recording Duration

Pick from 5 Seconds (high-retention viral micro-loops), 10 Seconds (standard reel), 15 Seconds (full story loop), or Continuous for manual stop control.

📈

Retention Progress Bar

Choose Top Edge Line, Bottom Edge Line, or Outer Frame Sweep. Progress bars train viewers' brains to stay watching until the bar fills, boosting completion rates on TikTok and Reels.

Section 02 // Sound Design Web Audio API

Beat Sync & Audio: Sound-Reactive Kinetic Synthesis

Short-form video is inherently driven by audio rhythms. Reelsyn features a zero-latency Web Audio API engine that analyzes frequencies in real time and pulses typography, background elements, and waveform visualizers in lockstep with the beat.

Importing Audio Tracks Locally

Navigate to Section 6 (Audio & Beat Sync). Reelsyn accepts all standard digital audio formats: MP3, WAV, AAC, M4A, OGG, and FLAC.

Local Audio Engine Privacy

Your audio files are loaded directly into browser memory via URL.createObjectURL and processed through the Web Audio AudioContext. No audio files are ever uploaded to an external server.

1

Upload Track & Audio Transport Bar

Click Upload Audio Track to select your song or voiceover. Use the transport controls (▶ Play / ⏸ Pause, ⏮ 0:00 Restart, ✕ Remove) to preview and audition your track.
2

Fast Fourier Transform (FFT) Frequency Splitting

Reelsyn binds an AnalyserNode with 128-bin FFT resolution to segment your track into sub-bass kick frequencies (20Hz–120Hz), vocal midranges (300Hz–2kHz), and high transients (4kHz–12kHz).
3

Sub-Bass & Transient Scale Kicks

When Audio Beat Sync is checked, kick drum hits instantly scale the canvas typography by an elastic factor of 1.00 + transientEnergy * 0.12 and deliver a subtle chromatic flash.

Fine-Tuning Beat Sensitivity

Because every music genre has distinct mixing dynamics, adjust the Beat Sensitivity slider (ranging from 0.5x to 2.5x):

0.8x

Heavy Bass & Trap / Phonk

Lower sensitivity prevents over-triggering on compressed 808 sub-bass slides, preserving crisp reaction exclusively on hard kick impacts.

1.2x

Pop & Upbeat EDM (Default)

The optimal balance for 120–130 BPM tracks, triggering rhythmic pulses across both snare hits and kick beats.

2.0x

Acoustic & Lo-Fi Beats

Heightens transient detection so delicate finger-snaps, soft rimshots, and lo-fi percussion pulses register clearly on screen.

Rendering Waveforms & Live EQ Bars

Enable Render Waveform / EQ Bars Under Headline to project a real-time reactive sound visualizer onto your canvas:

EQ

Neon EQ Frequency Bars

Multi-column glowing equalizer columns pulsing with real-time spectrum amplitude. Automatically samples your configured accent color (#00F2FE cyan or custom).
SYM

Symmetrical Mirror EQ

Audiophile dual-mirrored spectrum analyzer projecting above and below the horizontal baseline. Creates an ultra-premium techno aesthetic.
WAV

Smooth Oscilloscope Curve

A continuous analog oscilloscope line that ripples like electric neon silk according to the audio waveform.

Section 03 // Production 9:16 Vertical Native

Exporting Reels: Resolution & Safe-Zone Best Practices

Vertical short-form algorithms heavily penalize blurry or improperly framed video. Reelsyn renders at exact native pixel dimensions with zero letterboxing so your content hits TikTok, Instagram Reels, and YouTube Shorts at maximum clarity.

Supported Social Media Formats & Dimensions

Configure your desired aspect ratio from Section 1 (Format & Platform Preset). Reelsyn renders natively on an off-screen canvas at exact master pixel counts:

Platform Preset	Aspect Ratio	Exact Pixel Resolution	Frame Rate	Safe Zones & Usage
TikTok / IG Reels / Shorts	9:16 Vertical	1080 × 1920 px	60 FPS	Keep text 220px from top and 320px from bottom (avatar/caption UI).
IG / Facebook Story	9:16 Vertical	1080 × 1920 px	60 FPS	Keep 160px clearance at top for story handle and exit bar.
Square Feed Post	1:1 Square	1080 × 1080 px	60 FPS / PNG	Classic Instagram / LinkedIn feed carousel standard.
Portrait Feed Post	4:5 Vertical	1080 × 1350 px	60 FPS / PNG	Maximum vertical screen real-estate inside mobile feeds.
Pinterest Pin	2:3 Vertical	1000 × 1500 px	60 FPS / PNG	Optimized for high-intent viral Pinterest search feeds.
Landscape Wide Video	16:9 Wide	1920 × 1080 px	60 FPS	YouTube long-form, desktop monitors, and banner loops.

Platform UI Safe-Zone Guide

Nothing ruins a reel faster than important words hidden behind TikTok's like button, share menu, sound disc, or bottom caption overlay.

How to Toggle Safe-Zone Guides

Check Show Platform UI Safe-Zone Guide (Preview Only) in Section 1. A semi-transparent overlay highlights the exact dead-zones used by mobile app interfaces. This guide is automatically excluded when you record video or snap PNGs!

📱

Top App Bar (180px)

Houses the "Following / For You" tabs and search icons. Keep main headline text comfortably centered below this boundary.

👤

Right Action Rail (120px)

Profiles, like hearts, comment counts, bookmarks, and spinning audio discs. Center-align or left-align text to maintain breathing room.

📝

Bottom Caption Zone (320px)

Account handles, multi-line post captions, and sound titles. Never place critical calls-to-action below the 75% vertical mark.

Lossless PNG vs. 60 FPS Video Recording

PNG

Lossless PNG Snapshot (Shift + S)

Instantly exports the active frame in 24-bit RGBA PNG with 100% precision. Perfect for carousel cover slides, Pinterest pins, and thumbnail graphics.
REC

Hardware-Accelerated 60 FPS WebM Capture

Click RECORD VIDEO. Reelsyn uses canvas.captureStream(60) and MediaRecorder at 12 Mbps bitrate. The Recording HUD displays real-time frame progress and exports directly to your downloads folder ready for mobile air-drop or direct upload.

Section 04 // Pro Pass Lemon Squeezy Integration

Licensing & Pro Pass: Unleash Watermark Removal & 60 FPS HD

Reelsyn offers a permanent commercial license processed securely through Lemon Squeezy. Activating your Pro Pass removes all default watermark badges, unlocks custom font uploads, and unleashes full unthrottled 60 FPS master rendering.

How Lemon Squeezy Activation Works

We partnered with Lemon Squeezy as our Merchant of Record to deliver zero-friction, instantaneous license fulfillment across 135+ countries.

1

Instant Checkout via Lemon Squeezy

Select the Reelsyn Pro Pass on the studio pricing modal. Checkout takes less than 60 seconds with Apple Pay, Google Pay, credit cards, or PayPal.
2

Immediate Receipt & License Key Issuance

Upon payment confirmation, Lemon Squeezy immediately displays your unique alphanumeric license key on screen and emails you an official receipt containing your key format: REEL-XXXX-XXXX-XXXX.
3

One-Click Client-Side Activation

Paste your key into the Reelsyn Studio License modal. The license is cryptographically verified and permanently stored in your browser's local sandbox (localStorage), granting lifetime offline studio access without recurring re-verification checks.

🔑 Test License Key Activation

Live Simulator

Try entering or pasting a sample license key below to experience how the Reelsyn Pro Pass validates and unlocks your studio session.

Ready for activation key.

What Unlocks with Reelsyn Pro

🛡️

100% Watermark Removal

Eliminates the default @frameforge.studio / Reelsyn footer handle and watermarks. Perfect for white-label creator projects, agency deliverables, and high-tier brands.

⚡

True 60 FPS HD Uncapped Master

Unlocks unthrottled 60 frames-per-second video rendering with maximized WebM video bitrate for silky smooth motion transitions without compression macroblocking.

🔤

Custom Font Engine & OS Fonts

Upload your company's proprietary typefaces (.ttf, .otf, .woff, .woff2) or query locally installed operating system fonts directly through Chrome's Local Font Access API.

💼

Commercial Client License

Full commercial copyright clearance to sell exported videos, run paid advertisement campaigns across Meta/TikTok, and manage client brand accounts royalty-free.

Frequently Asked Questions

Can I use my Pro Pass on multiple machines?

Yes. Your Lemon Squeezy license key can be activated on both your desktop workstation and laptop. Simply paste your key into the Studio activation modal on each machine.

What if I lose my license key?

Visit Lemon Squeezy's order lookup portal (app.lemonsqueezy.com/my-orders) and enter the email address used during purchase to instantly retrieve your active key.

Does Reelsyn store my videos on the cloud?

No. Reelsyn is an offline-capable, client-side progressive web application. All video rendering, audio Fourier transforms, and font parsing occur 100% inside your browser's V8 engine and GPU hardware pipeline.

The Complete Reelsyn Creator Guide