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)