Jitter is a fast and simple web-based motion design tool built for creative teams.
It combines the ease and speed of modern design software with the power of timeline-based animation, making it fast (and fun!) to incorporate motion into your brand, marketing, and product.
With Jitter, any designer or creative can create high-quality animated content without heavy software or complex setups — no experience required.
Why Jitter?
Simple and intuitive
Designed for creatives, Jitter's interface features familiar design tools and an elegant timeline-based approach (no complex keyframes) to help anyone create high-quality animated content immediately, no matter your experience with motion.
Lightning-fast workflows
Engineered for speed, Jitter lets you design and render professional animations in minutes, not hours. Whether you start from a template or import assets from Figma, Jitter has all the design, animation, and collaborative tools you need to scale your team's content creation game in one place.
Real-time collaboration
Built for collaboration, Jitter lets teams work together in real time and keeps your team aligned from start to finish. Share links to your work and drafts — no additional software needed — so you can get eyes on your work and sign-offs from stakeholders easily. Add context and feedback through comments, and keep your team's workspace organized with folders.
Key Features
From design to animation to handoff, Jitter handles every step of your motion design workflow so that your team can focus on what matters — creating.
Quick start
Import your existing work into Jitter or start with a template to begin animating right away.
Figma integration: Import your designs from Figma with editable and synced layers that stay pixel-perfect.
Templates: Get inspired by our collection of 300+ free motion design templates, and remix them to create something that is uniquely you.
Design
Jump into a familiar interface and start creating instantly with all the features you'd expect in a modern design tool.
Infinite canvas: Create multiple scenes side by side to explore ideas, adapt animations to different formats and languages, and scale your content effortlessly, all in one place.
Masks: Clip content and control visibility of your layers with vector and alpha masks to create unique effects like image reveals and gradient fades.
Gradients: Use linear and radial gradients on fills, text, and strokes to create focal points, add glow and shadow, and bring depth to your designs.
Blur: Add blur to any layer to play with depth of field, craft powerful focus transitions, and create elegant text effects.
Blend: Control how layers interact to create unique depth, texture, and lighting effects in your designs
Custom fonts: Access hundreds of Google fonts available in Jitter, or import your own custom fonts to keep every animation on-brand.
Pen tool: Draw your own shapes using anchor points and curves, then smoothly transition between any two shapes using morphing.
SVG support: Import vector graphics that scale and stay sharp at any size.
Media imports: Add images, videos, and audio files to enhance your animations.
Animate
Bring your designs to life in minutes with advanced animation features that feel refreshingly intuitive.
Intuitive timeline: Animate with simple actions instead of complex keyframes — it’s as easy as telling your layers what to do — and combine them to build one-of-a-kind animations.
Text animations: Easily animate text by line, word, or letter with one-click presets or create fully custom text animations that match your brand.
Animation presets: Choose from a variety of ready-made animation presets to move, fade, scale, mask, or blur elements, or create completely custom animations from scratch.
Easing presets: Animate quickly with built-in easing presets (Slow down, Accelerate, Elastic, Bounce, Overshoot, and more) and customize them with intensity controls.
Custom easings: Create your own custom easings and reuse them across layers, scenes, and files to save time and keep your animations consistent and on-brand.
Video: Manage big video-heavy projects in one place by importing videos and easily combining them with other elements of your animation.
Audio: Enhance your animations with sound effects, music, and voiceovers to create a richer, more immersive experience.
Curved paths: Move objects along custom paths you can define using Bézier handles.
Collaborate
Iterate together with your team, gather feedback, and get sign-off quickly in one collaborative workspace.
Centralized workspace: Keep all your projects and assets in one shared workspace, so your team can always stay aligned with a single source of truth.
Real-time collaboration: Bring your entire team together on an infinite canvas. Ideate, iterate, and collaborate in real time, with everyone in the same file.
Folders: Use folders to categorize your files, keep projects organized, and maintain a workspace that's easy to navigate for everyone.
Shareable file links: Share your file with a link to invite collaborators, gather feedback, streamline approvals, and keep projects moving forward.
Comments: Speed up reviews by sharing and responding to feedback directly in your files.
Export
Quickly export animations in any format, from high-quality videos to social-ready GIFs and lightweight Lottie files.
Video: Export video in MP4, MOV, and WebM for flexibility across platforms.
GIF: Save animations as optimized GIFs, perfect for email and social media.
Lottie: Export files in Lottie — a lightweight, scalable format for the web.
4K, 120fps: Produce crisp, high-resolution videos in up to 4K and 120fps.
Transparent videos: Export videos with transparent elements in ProRes 4444 and WebM.
Frame-by-frame export: Export frame by frame for seamless integration into advanced workflows.
Fast renders: Export HD videos in seconds with lightning-fast renders.
Looping options: Easily set looping preferences for your exported animations.
Use Cases
Jitter is designed for the way creative teams work today, and built for use cases like:
Marketing assets
Create eye-catching social media posts, animated ads, and marketing assets that capture attention and drive engagement. Build scalable workflows and streamline production to help your team deliver consistent and high-quality animated content across multiple channels and campaigns.
Product design
Create polished animations for UI prototypes, feature reveals, interactive demos, and UX flows that bring your product vision to life. Build from your existing Figma designs with our plugin and hand them off to developers in flexible formats — including CSS easing exports for precise web animations and Lottie files for lightweight, scalable implementations.
Brand storytelling
Build your brand's unique identity with motion design at its core. Customize every element of your visual language — from logo animations to branded content — to make it instantly recognizable and memorable to your audiences. Create a cohesive style that communicates your brand's personality and values through motion.
Get Started
Ready to bring your designs to life? Get started with Jitter today for free, and explore our templates to kickstart your next project.