Animated Device Mockups in Remotion: UI Demo Videos Without Screen Recording
Build UI demo videos in Remotion without screen recording — reusable device frames, spring-driven cursor motion, typing effects, and props-driven mockups.
Read article →A pay-once catalog of production-ready video templates for React / TypeScript / Node creators. Clone, customize, and export locally in Remotion Studio.
Available now. Pay once · no subscription · 1,000+ templates · lifetime updates.
Free to join. No commitment. We'll email you the moment it opens.
Arrow / swipe to switch · click to watch with audio
Browse
Explore 1,000+ animations by category.
Copy
Copy the component and props in one click.
Customize props
Adjust text, colors, and timing.
Render
Render locally and export MP4.
HOW IT WORKS
Ships as clean, readable code.
Get instant access to 1,000+ Remotion templates. Download the ZIP right after purchase.
📦 rendercomp-templates
📁 /templates
📁 /components
📁 /utils
📄 README.md
Open in Remotion Studio, swap content, tweak styles, and preview in real-time.
Render a high-quality MP4 with a single command. Ship it anywhere.
Terminal
$ npm run render ✓
✓ Done
▶ video.mp4 21.4 MB
Stop building from scratch. Every animation is a copy-paste React component — drop it into your Remotion project and render.
Text reveals, transitions, lower thirds, kinetic typography, charts, countdowns, logo stings, and more — all in one license.
Buy once. Access forever. No recurring fees, no seat limits for you. New templates added over time at no extra cost.
Browse by category. Every entry is a Remotion component — import, customize props, render. 1,000+ production-ready templates
Typewriter
Character-by-character text reveal with configurable cursor and speed
Bar Chart Anim
Animated bar chart with spring-driven bar growth and axis labels
Code Editor
Code editor mockup with syntax highlighting and cursor blink
Iris Transition
Circular iris open/close wipe between scenes
Newton Cradle
Physically accurate swinging ball simulation with spring physics
Aurora Loop
Smooth northern lights loop — perfect for background atmospheres
Logo Stroke Draw
SVG stroke path draw-on effect for logo reveals
Phone Notification
Lock-screen notification stack with app icons and staggered slide-in
Testimonial
Clean quote card with avatar, name, role, and star rating
8bit RPG Dialog
Pixel-art RPG dialog box with typewriter text and portrait
Before After
Animated slider reveal comparing two states side by side
Fireworks Burst
Multi-color fireworks with trails, particles, and shimmer
1,000+ templates included in your license
One payment, 1,000+ Remotion templates forever. No subscription. Lifetime updates.
One individual
Pay once (one-time)
Up to 5 seats · for teams
Pay once (one-time)
Unlimited seats · for studios
Pay once (one-time)
Prefer to start from your use case rather than "1,000 templates"? Each pack is a one-time purchase of its templates.
Show product features & onboarding
70+ templates
Charts, KPIs & data stories
65+ templates
Feed ads & social post effects
55+ templates
Buying all 3 packs ($267)? The full library ($149) is the far better deal — every category, 1,000+ components.
Pick a plan above and download instantly after checkout. Pay once, no subscription.
Launching soon. Join the waitlist and we'll let you know the moment it opens.
Included in every plan
Not permitted
RenderComp is a pay-once template library. Remotion itself may require a separate Company License (free for teams of 3 or fewer).
No payment required to join the waitlist.
Build UI demo videos in Remotion without screen recording — reusable device frames, spring-driven cursor motion, typing effects, and props-driven mockups.
Read article →A developer's guide to the best programmatic video tools in 2026 — Remotion, Motion Canvas, Revideo, Creatomate, Shotstack, Bannerbear, and FFmpeg — grouped by approach with guidance on how to choose.
Read article →Learn to rig and animate 2D characters in Remotion with React: sprite sheets, SVG rigs with grouped transforms, spring-driven joints, walk cycles, and lip sync.
Read article →A ~17-minute walkthrough covering everything from first principles to production-ready templates. Enter your email to watch.
Watch Now
No spam. Unsubscribe anytime.
Right after checkout you get a download link for a ZIP containing 1,000+ Remotion TypeScript components, plus your license key — on the download page and by email. Unzip, install, and render immediately. The same link works for re-downloads and future updates.
Basic React knowledge is enough. Each template is a self-contained component with clear props. You will need Node.js and the Remotion CLI (free, open-source).
Yes. You can render videos and deliver those video files to clients. You cannot hand over the source code (.tsx/.ts files) to clients. See the EULA for full details.
Rendering videos through your SaaS and serving the rendered output is permitted. Exposing the template source code to your SaaS users is not. If you need a SaaS/API license, contact us.
Templates target Remotion v4.x. We will update for major breaking releases when they occur.
Full refund within 7 days of purchase, provided the template ZIP has not been downloaded. To request a refund, email [email protected] from your purchase email with your order details and the reason. Your download link and license are deactivated on refund. After download, or after 7 days, all sales are final due to the nature of digital goods (source code).
It's a one-time purchase — no subscription, no recurring fees. Three plans: Solo (1 seat) $149, Studio (up to 5 seats · recommended) $299, and Agency (unlimited seats) $799. Prefer to start from your use case? Use-case packs are $89 each. Every plan includes lifetime updates.
RenderComp is a pay-once template library. Remotion itself may require a separate Company License depending on the size of your commercial use (free for teams of 3 or fewer). We state this up front so there are no hidden costs.
Didn't find your answer? Visit the support page →