About Kinetic Studio
Kinetic Typography Studio is a powerful, browser-based tool designed to transform simple text into professional-grade motion graphics video content. Whether you are a social media manager, content creator, or marketer, this tool allows you to create engaging Instagram Reels, TikTok Stories, and YouTube Shorts directly from your browser.
Key Features
- Markdown to Motion: Convert standard markdown text into rich animations instantly.
- Multi-Scene Sequencing: Create storytelling videos by splitting content into multiple scenes using the
--- separator.
- Smart Export: Export your creations as high-quality WebM video files. The Smart Crop technology ensures your video is perfectly resized for vertical (9:16), square (1:1), or landscape (16:9) formats without UI clutter.
- GSAP Powered: Built on the industry-standard GreenSock Animation Platform (GSAP) for buttery smooth performance.
- Bilingual Support: Full support for Left-to-Right (English) and Right-to-Left (Arabic) text with a curated library of 30+ Google Fonts.
- Custom Formatting: Adjust font sizes for headers and body text dynamically to fit your design.
How to Use
1. Write Content
Navigate to the Markdown tab. Type your script using standard markdown syntax.
• Use # for large headers.
• Use **text** for bold emphasis.
• Use - for bullet lists.
• Crucial: Type --- on a new line to create a new scene/slide. This allows you to sequence text over time.
2. Animate Layers
Switch to the Animate tab. Here, the app automatically detects every element (header, paragraph, list) in your script.
Use the dropdown menus to assign specific animation presets (e.g., Typewriter, Elastic Words, Blur Reveal) to each element.
3. Style & Format
Go to the Style tab.
• Canvas Format: Choose Story (9:16) for TikTok/Reels or YouTube (16:9) for standard video.
• Typography: Select from 15+ English and 15+ Arabic fonts.
• Font Sizes: Use the sliders to adjust the size of Headlines, Subheads, and Body text.
• Direction: Toggle between LTR and RTL for correct text alignment.
4. Preview & Export
Click the Play button to preview your sequence in real-time. When satisfied, click Export.
The app will capture the animation internally and download a video file ready for upload to social media.
v1.2.1 • Powered by Tailwind, GSAP, and Marked.js.