KinoViz
  • Features
  • Pricing
  • Showcase
  • Templates
  • Blog
  • Docs
Sign inOpen Studio
KinoViz

The browser-based animation studio for vector & 3D motion design.

Product

FeaturesPricingShowcasesUpdates

Resources

DocsBlogTemplatesGlossaryCompare toolsAlternatives

Tools

iPhone Duo MockupMusic FitClean UpBackground RemoverFilm EmulatorAll tools

Company

AboutContact
© 2024 KinoViz, All rights reserved
Privacy PolicyTerms of ServiceRefund Policy

Create animations in minutes, not hours

KinoViz is a browser-based animation studio for vector & 3D motion design — keyframes, easing, 3D import, and one-click export.

Get Started Free
Try Pro Free
Browse templates·See showcase·Read the docs

Free to start. Try Pro free for 7 days, no charge required.

What comes with KinoViz

22Editable templates to start from
42Built-in text animation presets
19Effects and materials, from glow to liquid glass
22Procedural gradient background types
40Easing curves to time every keyframe
1,800+3D models in the asset library

Everything you need to animate

A complete toolkit — precise manual control, 3D, and pro-grade effects.

Ease of Use

Animate with intuitive actions

No complex keyframe editors. Add elements, set keyframes on the timeline, and watch your animation come to life. Smooth interpolation and easing built in.

Effects & Materials

Polish with effects and materials

GLSL gradient backgrounds, glass materials, text effects and photo-wall presets — all keyframable, all tweakable by hand.

3D + 2D

Combine 2D vectors and 3D models

Unique dual-canvas architecture: Fabric.js for 2D vectors plus Three.js for 3D models. Import GLB/GLTF and animate alongside text, shapes, and paths.

Export

Export in high resolution — video & images

Export as MP4, WebM, or PNG. Up to 1920px (Full HD+) at 60fps on Pro. No complicated settings — ready to share instantly.

Inside the editor

A real timeline, right in the browser

Design mode for layout, Animate mode for keyframes. Same project, same tab, nothing to install.

kinoviz-animateSaved
export

Layer

1:10:00.00AVEGADO
X31.5
Y65.5
S1.00
R0.0

Transform

1.00
0°
16
Fill color

Shape

4s
1234
Rotation
Scale
  1. 1

    Canvas & layers

    Vector shapes, text, images, video and 3D models live on one canvas. Group them, mask them, reorder them in the layer list.

  2. 2

    Keyframe timeline

    Switch to Animate mode and every property becomes keyframable, with easing curves you can pick per segment.

  3. 3

    Properties & effects

    Every selected element opens its own panel: transform, materials, blur, glow, shadow and more — each value keyframable.

How it works

Idea to exported video in three steps

  1. ✦A logo reveal with a bouncing star➤
    DesignAnimate
    Export
    Design in motion
    KinoViz Studio
    SVG
    PNG · JPG
    Video
    GLB · glTF
    SVGPNG · JPGVideoGLB · glTF
    1

    Describe or import

    Bring your own material: SVG, PNG and JPG images, video clips, GLB and glTF models — or start from a template.

  2. kinoviz-animate
    DesignAnimate
    ★AIBETAExport
    0s1s2s3s4s
    ⤢Camera Motion
    Pan X36
    Zoom1.12
    Rotation-3°
    ∿Easing Curve
    Ease In OutEase Out BackBounce OutLinear
    2

    Refine on the timeline

    Set keyframes, shape the easing, add physics, effects and materials until the timing feels right.

  3. Export✕
    ExportPublish
    Resolution1920 × 1080
    Frame rate30 fps
    MP4WebMPNG

    Save the current frame as a transparent PNG

    MP412.4 MB
    WebM8.7 MB
    PNG2.1 MB

    Showing the MP4 output

    3

    Export MP4, WebM or PNG

    Rendering happens locally in your browser, so nothing queues on a server. Transparent output is available as PNG frames.

Free to start — export watermark-free at full resolution on Pro, $9/mo.

Use cases

Animate for social media, marketing, education, product demos, and more

The best creators use motion across all platforms to capture attention, tell powerful stories, and drive more engagement.

Social media

Turn your posts, stories, and reels into engaging animated content that grabs attention and stops people mid-scroll.

Marketing & ads

Scale production for high-volume campaigns across channels, formats, and languages, delivering dynamic animations that convert.

Product & prototyping

Test ideas, interactions, and transitions quickly. Bring your apps and websites to life and hand off your animations to developers.

Templates

Start from a template

Every template is a real KinoViz project. Open one and the layers, keyframes and timing are all still yours to edit.

Gallery Wall 04
Gallery Wall 04
socialOfficial12 uses
Gallery Wall 02
Gallery Wall 02
socialOfficial10 uses
gradient-02
gradient-02
socialOfficial8 uses
showeel
showeel
storiesOfficial8 uses
Gallery Wall 01
Gallery Wall 01
presentationOfficial6 uses
Reeded-Glass-Sample01
Reeded-Glass-Sample01
socialOfficial6 uses
ASCII
ASCII
logoOfficial5 uses
gradient-03
gradient-03
socialOfficial5 uses
Browse all templates →

Made with KinoViz

Real animations created by our community. Watch a few, then make your own.

View all showcases

Loved by our beta community

Early feedback from the creators who tested KinoViz before launch.

“I kept waiting for the catch — a full keyframe timeline with easing curves, running smoothly in a browser tab. I moved half my client work into KinoViz during the beta.”

Maya

Motion Designer · Beta tester

“The glass and 3D materials sold me. I mocked up my entire trailer's motion graphics in one afternoon — no render farm, no installs.”

Tom

Indie Game Developer · Beta tester

“I set up my intro template once, then just swap the text and polish the timing. My weekly intro animations went from hours to minutes.”

Rin

Content Creator

“Our team shares editable links instead of MP4 files now. Feedback rounds got dramatically shorter during the beta.”

Diego

Marketing Lead · Beta tester

“My students open a link and start animating. No licenses, no lab installs — that alone changed how I teach motion design.”

Sofia

Design Educator · Beta tester

“The export quality surprised me. Clients can't tell it wasn't made in a desktop suite, and I can edit from any machine.”

Ken

Freelance Animator · Beta tester

Pricing

Start free, upgrade when you need the output

The editor is free to use. Paid plans lift the export limits, remove the watermark and add the premium asset library.

Free

Get started with basic animation tools.

$0

  • ·3 projects · 100 MB storage
  • ·540p export at 24fps (with watermark)
  • ·MP4, WebM & PNG export
See plan details
Most popular · 7-day free trial

Pro

For professionals and heavy users.

$9/ month

  • ·No watermark, up to 1920px export at 60fps
  • ·MP4, WebM & PNG export, plus .kino project export
  • ·SVG to 3D, camera motion & 3D animation
See plan details
Compare all plans

Frequently Asked Questions

Have another question? Email us at support@kinoviz.com.













Start animating today

Create your first animation in minutes. Free to start, no credit card required.

Start Creating Free