---
title: "Liquid Script — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Shakil Ur Rehman · Text. Turn Boring Text into Motion"
canonical: "https://framer.elliotli.dev/component/liquid-script"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Liquid Script

# Liquid Script

Turn Boring Text into Motion

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

![Liquid Script preview image 1](https://framer.elliotli.dev/og/component/liquid-script/c1c99f790a344e9a/1600x1200.jpg)

## Summary

Turn Boring Text into Motion

## Description

LiquidScript is a high-performance WebGL-powered typography component that brings text to life with smooth fluid motion and interactive ripple dynamics. Designed for modern interfaces, it responds to cursor movement and clicks, creating an immersive, organic animation that feels both natural and premium.

With customizable density, speed, colors, and font scaling, you can easily adapt the look to match your brand or project. The shader-based rendering ensures silky-smooth performance while maintaining visual richness.

Perfect for hero sections, landing pages, portfolios, and experimental UI, LiquidScript adds depth, motion, and personality to your designs - without requiring complex setup.

**Key Features:**

1.  Real-time fluid simulation
    
2.  Interactive ripple on click
    
3.  Mouse-reactive motion
    
4.  Fully customizable controls
    
5.  High-performance WebGL rendering
    
6.  Clean integration with Framer
    

For the best result: Set its width to 100% and height to fit content

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

-   All · #11103

## Details

- **Author**: Shakil Ur Rehman
- **Price**: $5.00
- **Published**: 2026-04-17
- **Updated**: 2026-06-20
- **Added**: 2026-04-10
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos