Liike Logo

HTML5/CSS3 animations,
captured as video.

Liike is a free HTML5/CSS3 mockup generator that converts web animations into high-fidelity video. Drop up to three images or videos, combine them with CSS3 motion, and export broadcast-ready formats instantly.

Single · Duo · TripleH.264/AVC · MP4 · MOV · WEBMPNG · WEBP AnimationDirect Canvas Export
GitHubLiike - Free Mockup Generator - HTML5/CSS3 animations, captured as video. | Product Hunt
html

Web to Video

Takes your HTML5 & CSS3 animations and renders them frame-by-frame into smooth video files.

view_quilt

Dynamic Layouts

Combine single, duo, or triple media sources with rich backgrounds and device frames.

movie

Pro Codecs

Export h264/avc in MOV, MP4, and WEBM containers, or transparent visuals with PNG/WEBP sequences.

Motion from Code

Drop up to three assets.
Liike renders the code.

Mix photos, screen recordings, or exported clips. Pick single, duo, or triple scenes and Liike handles the HTML5/CSS3 rendering logic, ensuring smooth playback at any frame rate.

Hero shotsmovie

Single

One bold frame with perfect CSS3 easing.

Before / Aftermovie

Duo

Pair screens or mix video + image seamlessly.

Story flowmovie

Triple

Compose three overlapping elements in one shot.

Timeline-freeSocial-ready pacingTemplates included
Device-perfect framing

Browser, laptop, iPhone, and every ratio.

Choose the canvas first or let Liike fit your assets automatically. 16:9, 4:3, 1:1, and 9:16 exports stay crisp whether you're shipping a product shot, tutorial, or social story.

smartphoneiPhone frames
languageBrowser mockups
laptop_macLaptop views
16:9YouTube & desktop
4:3Slides
1:1Feed
9:16Stories

Aspect ratios stay locked with magnetic guides, so every export lands pixel-perfect on TikTok, Reels, Shorts, or product pages.

Finish & ship

Backgrounds, exports, and share-ready files.

Start with solid colors, gradients, or high-quality abstract backdrops—or upload your own. Export video or stills without touching another tool.

Background library

gradient
  • check_circleFlat colors with contrast-safe presets
  • check_circleGradient blends tuned for light & dark
  • check_circleCurated abstract gallery
  • check_circleBring-your-own background

Video & Animation

gradient
  • check_circleH.264/AVC (MP4, MOV, WEBM) for video
  • check_circlePNG / WEBP sequences for transparency
  • check_circleDirect Canvas Export support
  • check_circleRender at 60fps smoothing

Share instantly

gradient
  • check_circleAuto-resize for TikTok, Reels, Shorts
  • check_circleDevice frames + browser chrome styles
  • check_circleRender previews without GPU spikes
  • check_circleZero cost — Liike stays free

Build animated mockups in minutes.

Grab Liike for macOS and Linux/Debian today. Windows releases are on the way—every template, animation, and export format stays free.