---
title: "LiquidCanvas — Free Framer component · Best of Framer"
description: "Free Framer component · by Hermoza · Sections. LiquidCanvas is an interactive canvas component that simulates realistic fluid motion responding to cursor or touch input."
canonical: "https://framer.elliotli.dev/component/liquidcanvas"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/LiquidCanvas

# LiquidCanvas

[View on Framer](https://framer.com/marketplace/components/liquidcanvas/?via=elliot-li)

![LiquidCanvas preview image 1](https://framer.elliotli.dev/og/component/liquidcanvas/d3782e9b9d543ad6/1600x1200.jpg)

## Summary

LiquidCanvas is an interactive canvas component that simulates realistic fluid motion responding to cursor or touch input.

## Description

LiquidCanvas is an **interactive canvas component** that simulates realistic fluid motion responding to cursor or touch input. It creates a continuous, liquid-like animation that works beautifully as a background, hero section, or immersive visual layer. Perfect for modern websites, creative portfolios, landing pages, and experimental web experiences.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5978

## Details

- **Author**: Hermoza
- **Published**: 2026-01-12
- **Updated**: 2026-01-12
- **Added**: 2025-12-26
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes