Webgl Liquid

Cinematic liquid shader hero with premium gradients, configurable reveal timing, and advanced flow controls.

Library

Componentry

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @componentry/webgl-liquid

Files

• packages/ui/src/components/webgl-liquid.tsx
• packages/ui/src/lib/utils.ts
• packages/ui/src/components/webgl-error-boundary.tsx

Source

https://github.com/harshjdhv/componentry

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Shader Background Components
• React Shader Background Components
• Tailwind CSS Shader Background Components
• Animated Shader Background Components

More from Componentry

• Animated Gradient
• Aurora Flow
• Closing Plasma
• Dither Prism Hero
• Liquid Chrome
• Prism Gradient
• Ripple Transition
• Silk Aurora
• Spectral Ribbon
• Annotated Text
• Ascii Effect
• Autocomplete