Skip to content

component

Liquid Script

By Shakil Ur Rehman

Details

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: Real-time fluid simulation Interactive ripple on click Mouse-reactive motion Fully customizable controls High-performance WebGL rendering Clean integration with Framer For the best result: Set its width to 100% and height to fit content

Introduction

Turn Boring Text into Motion

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750182538/148/228/309/79/15
  • All · #8253