# Liquid Orb Editor

> WebGPU visual editor for customizable liquid glass AI loading orbs

Liquid Orb Editor is a web-based playground for generating animated, liquid-glass visual orbs powered by WebGPU. It lets you tweak refraction, motion, glow, and audio reactivity, then copy the resulting code to use as AI thinking or status animations in your apps.

Website: https://lersent001.github.io/orb

## What it is for

- Design animated status orbs for AI chat interfaces
- Create interactive audio-reactive visualizers driven by microphone or audio input
- Export WebGPU shader code for drop-in loading indicators

## Features

- Library of pre-built orb presets including Siri Wave, Neural Plasma, and Crystal Drop
- Detailed glass shell controls for refraction, dispersion, rim highlights, and edge width
- Motion and color customization including edge softness and outer glow controls
- Audio-reactive modes powered by live microphone input or uploaded audio files
- AI state simulation to test idle, activation, thinking, and settle durations
- Direct code export button and GitHub repository access

## Pricing

Free and open source

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web
- For: Frontend developers and UI/UX designers building AI applications
- Tags: webgpu, shaders, animation, ai ui, ui components

## Why it was saved

- [@neropursue, 28 August 2026](https://x.com/neropursue/status/2093287281616449850): Customizable glowing orbs with presets, live controls and a Copy Code button — drop-in AI status animations for websites or apps.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/liquid-orb-editor

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.