Design · Web app
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.
What it's 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
- Topic
- Motion Design
- 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: Enables creators and developers to build studio-grade launch videos in an afternoon without needing Adobe After Effects or 3D design expertise.
- @raylight.app: 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
Related
AI-powered web editor for generating editable motion graphics from text prompts.
Browser-based graphic design editor with procedural motion graphics and effects
Fast, browser-based motion design tool with Figma import and AI animation features
Browser-based motion design editor for creating and exporting Lottie animations
Visual canvas for designing interactive WebGL shaders and motion graphics
Step-by-step workflow combining AI generation with After Effects for layered motion posters
Updated