Auto squash and stretch
Use a dedicated squash and stretch panel to add shape, impact, and follow-through without hand-building every scale keyframe. Auto squash keeps the animation editable as the design changes.
Import. Animate. Ship.
Make anything move fast.
A motion engine for the AI era.
An animation app for the web: import real pages, draft editable motion with AI, and export production-ready code or video.
Import existing web content
Generate and edit with AI
Export production-ready code
Browser-native motion
HTML Import
Animate real web content.
Import live website text directly into CurveLab as editable native text.
Paste a URL, preview the page, click any heading or paragraph, and CurveLab converts it into editable motion-ready text while preserving responsive sizing and line wrapping.
Animate it using the Text Animator. Export browser-native HTML, CSS, and JavaScript that stays real selectable text instead of SVG outlines or screenshots.
- Import text directly from live websites
- Click-to-select visual importer
- Responsive typography preserved
- Native editable text
- Text Animator integration
- Browser-native HTML/CSS/JS export
- Standalone download or copy-and-paste embed snippet
MCP
Use your favorite AI.
Connect ChatGPT, Claude, or Codex through MCP. Generate motion, refine timelines, and iterate with the AI assistant you already use.
Use ChatGPT, Claude, or Codex
Generate motion from the assistant you already use
Refine timelines without switching your workflow
Avoid being locked into one AI model
AI workflow
AI that stays editable.
Describe the motion you want. CurveLab generates editable keyframes that you can refine, tweak, and combine with procedural animation using familiar timeline controls.
Nothing is baked into a video. Everything remains editable, from timeline timing to procedural systems.
Interactive Force Engine
Design interactions, not just animations.
Create motion that responds to cursors, touch, physics, and user input. Generate interactive behaviors with AI, fine-tune every parameter, and export browser-native interaction code.
Export
Export for developers.
Export production-ready HTML, CSS, and JavaScript designed for real websites. Animations remain browser-native, lightweight, selectable, and responsive.
Developer handoff
Code that can ship.
HTML
CSS
JavaScript
SVG
Standalone files
Embed snippets
Download standalone files or copy an embed snippet. Keep text as real browser text, preserve responsive behavior, and hand developers motion that fits into the page.
Product demo
See the motion workflow in action.
These demos map to the work CurveLab is built for: HTML import, Text Animator controls, SVG motion, interaction triggers, and developer-ready export.
01
HTML and interface import
<button class="import">
Import
</button>
Import
Bring in HTML sections, website text, buttons, cards, and product UI pieces so real web content can become editable motion layers.
Animated SVG workflows
SVG Explode
Import SVG logos, icons, loaders, and website elements, split them into workable parts, animate the pieces, then export portable motion.
Text animation controls
Move
MOVE
Animate type with timeline-friendly controls, timing edits, and curve adjustments instead of hand-staggering every text layer.
Triggers and handoff
Hover
Click
Success
HandoffHTML · CSS · JS
Map hover, click, submit, and success states to motion, then hand off browser-native HTML, CSS, JavaScript, SVG, and embed snippets.
Timeline
Inspector
Layers
Path editing
Text Animator
Triggers
Why CurveLab
Built for motion work that has to ship.
Import. Animate. Ship. CurveLab keeps prompts, curves, imported content, triggers, and developer handoff in one editable project so teams can move from page content to production motion faster.
Web-native by default
Create motion for the places it will actually run: websites, landing pages, product UI, animated SVGs, and embeds.
Production code output
Export HTML, CSS, JavaScript, SVG, standalone files, and embed snippets designed for real websites.
Start from real web assets
Import SVG logos, icons, loaders, website text, HTML sections, or product UI pieces instead of rebuilding the motion scene from a blank canvas.
Visual workflow, code handoff
Work visually with layers, timeline tracks, inspector controls, and a graph editor, then export production-ready web animation for the stack your team already uses.
Workflow
Import. Animate. Ship.
The difference is where the work starts and how it ends. CurveLab starts with real website content and ends with production-ready code.
Traditional workflow
- 1Rebuild website text
- 2Animate in a separate canvas
- 3Export a reference
- 4Developer recreates the animation
CurveLab workflow
- 1Import website content
- 2Animate editable native text
- 3Export production-ready code
- 4Ship browser-native motion
Platform
Start in the browser. Finish on the desktop.
Use CurveLab at curvelab.app when you want instant access. Sign into the macOS or Windows desktop app when a project needs local assets, longer sessions, or a dedicated workspace.
Launch pricing
Pick the amount of speed you need.
Demo Mode is open for exploration. Pro is for ongoing web animation work. Lifetime is the launch-window option for teams that want CurveLab in the website and product UI toolkit.
Demo Mode
FreeStart without a card
For testing the timeline, value graph, sample project, and limited AI motion workflows.
Try Demo Mode- Timeline and value graph sandbox
- Sample project included
- Limited AI timeline generation
- Limited handoff/export testing
Most flexible
CurveLab Pro Monthly
$12per month
Monthly Pro is $12/month for teams shipping website motion, product UI animations, and developer-ready handoff every week.
- Project save and supported exports
- Save unlimited projects
- AI-generated editable keyframes
- Motion triggers and interactive states
- Mac and Windows desktop app login
- Future updates while active
CurveLab Lifetime License
$79one-time
Lifetime is $79 one-time for agencies, power users, and anyone who wants the launch deal forever.
- Full access forever
- No recurring payments
- Browser, Mac, and Windows desktop access
- Great for agency toolkits
- Launch pricing
FAQ
Questions before you make it move.
CurveLab is intentionally focused. The goal is faster motion creation, faster iteration, and faster shipping across the places you already work.
What is CurveLab for?
CurveLab is for production-ready motion on websites and products. Import existing web content, animate it with editable timeline controls, and export browser-native code.
Do I have to rebuild website text?
No. The HTML Import workflow lets you paste a URL, preview the page, click headings or paragraphs, and convert them into editable motion-ready text.
What does CurveLab export?
CurveLab exports production-ready HTML, CSS, JavaScript, SVG, standalone files, and copy-and-paste embed snippets.
Is AI required?
No. AI can draft editable keyframes and timeline changes, but you can refine, combine, or author motion manually with the timeline, graph, and inspector.
Can I use my own AI assistant?
Yes. CurveLab supports MCP so you can connect ChatGPT, Claude, or Codex and iterate with the assistant you already use.
Can I use CurveLab on Mac and Windows?
Yes. CurveLab runs in the browser and has downloadable desktop apps for both macOS and Windows. Sign in to your CurveLab account to download the installer for your computer.
Is there a free version?
Yes. Demo Mode is free and built for testing the timeline, value graph, sample project, and limited AI timeline generation before upgrading.
How does Lifetime work?
Lifetime is a one-time launch license for full access forever with no recurring payment. It is designed for power users, studios, and agencies that want CurveLab in their permanent toolkit.
How do I contact CurveLab support?
Email us at support@curvelab.app. For the fastest diagnosis, include your account email, what you were trying to do, and any relevant screenshots or error messages.
Launch close
Serious motion work should not start slow.
CurveLab gives web teams a faster way to prompt, edit, trigger, and export animation for animated SVGs, product UI motion, landing pages, embeds, and developer handoff.