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

Web to Video

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

Dynamic Layouts

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

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 shots

Single

One bold frame with perfect CSS3 easing.

Before / After

Duo

Pair screens or mix video + image seamlessly.

Story flow

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.

iPhone frames
Browser mockups
Laptop 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

  • Flat colors with contrast-safe presets
  • Gradient blends tuned for light & dark
  • Curated abstract gallery
  • Bring-your-own background

Video & Animation

  • H.264/AVC (MP4, MOV, WEBM) for video
  • PNG / WEBP sequences for transparency
  • Direct Canvas Export support
  • Render at 60fps smoothing

Share instantly

  • Auto-resize for TikTok, Reels, Shorts
  • Device frames + browser chrome styles
  • Render previews without GPU spikes
  • Zero 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.