DEV Community

Cover image for ๐ŸŽฅ Design, animate, and export video with AIโ€” all in SVG, in your browser
Framv
Framv

Posted on

๐ŸŽฅ Design, animate, and export video with AIโ€” all in SVG, in your browser

Hey folks ๐Ÿ‘‹

Weโ€™ve been building Framv โ€” a motion-first design canvas built entirely around SVG, and itโ€™s finally live in early access.

You can design UIs, animate them on a timeline, and export everything to MP4 โ€” all without leaving your browser.

โœจ What you can do with Framv:
โœ๏ธ Draw and edit UI components in SVG
๐Ÿค– Use AI to generate layouts (e.g. โ€œmobile login screenโ€)
๐ŸŽž Animate everything with keyframes โ€” CSS, SMIL, or JS
๐Ÿ“น Add audio and video elements (including webcam + screen recording)
๐Ÿ“ Upload and organize assets across projects, boards, and teams
๐Ÿ” Work collaboratively and in real-time with others
๐Ÿง  Include external libraries and your own JavaScript
๐Ÿ“ค Export to MP4, including 4K/60+fps renders
All motion is timeline-based, and everything you see stays 100% editable.

๐Ÿ›  Designed for devs and designers
We wanted Framv to feel flexible for:

Developers who want programmable motion
Designers who care about expressive animation
Video creators who want a fast, visual tool that speaks vector
And we kept it browser-first: no downloads, no plugins โ€” just open and go.

๐Ÿงช Still early
Weโ€™re building Framv in public โ€” your feedback shapes it.

โ†’ Try it now: https://framv.com
โ†’ Want to follow the build? @framvhq on X

If you're into design systems, creative tooling, or browser-based workflows โ€” we'd love to know what you think. ๐Ÿ’ฌ

Top comments (0)