---
title: "Liquid Graph PRO — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Akshay M · Charts. Liquid Graph Web is a fluid, animated value-display component designed specifically for website dashboards, landing pages, analytics…"
canonical: "https://framer.elliotli.dev/component/liquid-graph-pro"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/Liquid Graph PRO

# Liquid Graph PRO

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

![Liquid Graph PRO preview image 1](https://framer.elliotli.dev/og/component/liquid-graph-pro/851e809062159789/1600x1200.jpg)

## Summary

Liquid Graph Web is a fluid, animated value-display component designed specifically for website dashboards, landing pages, analytics sections, and finance interfaces.

## Description

Liquid Graph Web is a fluid, animated value-display component designed specifically for website dashboards, landing pages, analytics sections, and finance interfaces. With a circular liquid-fill animation, this component brings any numeric data to life directly on your website.

It includes full control over fill percentage, wave speed, size, border, colors, and typography — allowing it to blend seamlessly with your site's design. Whether you're building a marketing dashboard, business analytics page, or a modern product website, this component adds a professional motion-based visual indicator without writing a single line of code.

Made for designers and developers who want dynamic, elegant data visualization on the web.✅ **FEATURES**

-   Fully customizable liquid-fill animation
    
-   Adjustable fill percentage, wave height & wave speed
    
-   Complete control over colors, border, and background
    
-   Customizable fonts for value & subtitle
    
-   Smooth, lightweight performance for websites
    
-   Responsive and works with all modern browsers
    
-   Built specifically for website dashboards & stat sections
    
-   Easy plug-and-play with no coding required
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-rxymnrcm-EixS0jnRxxxbEZDcpxiY5vKXRnb05G)

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

-   All · #9462

## Details

- **Author**: Akshay M
- **Price**: $5.00
- **Published**: 2025-12-23
- **Updated**: 2025-12-22
- **Added**: 2025-12-10
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric