# Raylight

> Browser-based motion graphics editor for creating 3D product launch videos.

Raylight is an in-browser motion design tool designed to turn UI screenshots, vectors, and footage into polished product launch videos without the learning curve of After Effects. It offers block-based timeline animations, 3D device tilt, cinematic camera moves, and scene effects like bloom and depth of field. It also includes an MCP server that lets you connect AI tools like Claude to edit and direct scenes via text prompts.

Website: https://raylight.app/

## What it is for

- Create high-converting SaaS and mobile app launch videos without After Effects
- Animate Figma vector assets and UI screenshots into 3D device mockups
- Edit motion graphics and camera angles using Claude via the Raylight MCP server
- Generate text-to-speech voiceovers and custom sound effects directly on the timeline

## Features

- Block-based animation timeline without complex keyframe graphs
- 3D device mockups with tilt, rotation, and lighting adjustments
- MCP server integration for AI-driven edits with Claude, Cursor, and Codex
- SVG layer import directly from Figma with editable text and shapes
- Cinematic camera dollys, zooms, depth of field, bloom, and motion blur
- AI voiceover generation and prompt-driven sound effects
- Marketplace with customizable product video templates
- Live-share links for real-time multiplayer review and scrubbing

## Pricing

Freemium. Free plan available; paid tiers for advanced features.

## Details

- Type: Web app
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [Motion Design](https://xiry.app/topics/design/motion-design.md)
- Open source: no
- Platforms: Web, macOS
- For: Founders, product marketers, and designers looking to make launch videos fast.
- Alternative to: Adobe After Effects, Jitter, Rotato
- Tags: motion graphics, video editor, 3d mockups, product demo, mcp, claude

## Why it was saved

- [@raylight.app, 18 September 2026](https://www.instagram.com/reel/Ddb9meqianX/): Enables creators and developers to build studio-grade launch videos in an afternoon without needing Adobe After Effects or 3D design expertise.
- [@raylight.app, 27 August 2026](https://www.instagram.com/reel/DcjaeE4jVYZ/): Lets you build professional motion graphics in minutes by customizing community templates, animating on a simple timeline, or connecting Claude via MCP to generate and edit shots from text prompts.

## Compare

- [Alternatives to Adobe After Effects](https://xiry.app/alternatives/adobe-after-effects.md)
- [Alternatives to Jitter](https://xiry.app/alternatives/jitter.md)
- [Alternatives to Rotato](https://xiry.app/alternatives/rotato.md)

## Related

- [Hera](https://xiry.app/resources/hera): AI-powered web editor for generating editable motion graphics from text prompts. (Web app, Freemium)
- [Modyfi](https://xiry.app/resources/modyfi): Browser-based graphic design editor with procedural motion graphics and effects (Web app, Freemium)
- [Jitter](https://xiry.app/resources/jitter): Fast, browser-based motion design tool with Figma import and AI animation features (Web app, Freemium)
- [Lottielab](https://xiry.app/resources/lottielab): Browser-based motion design editor for creating and exporting Lottie animations (Web app, Freemium)
- [Unicorn Studio](https://xiry.app/resources/unicorn-studio): Visual canvas for designing interactive WebGL shaders and motion graphics (Web app, Freemium)
- [AI Motion Poster Creation Workflow](https://xiry.app/resources/ai-motion-poster-creation-workflow): Step-by-step workflow combining AI generation with After Effects for layered motion posters (Tip, Freemium)

Updated 3 October 2026. Page: https://xiry.app/resources/raylight

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.