ICPanda has showcased a redesigned website for Anda AI that combines AI-assisted web development with interactive graphics, browser-generated music and animation.
According to ICPanda, the site was rebuilt using Claude Opus 5.5 through a series of prompts, turning the landing page into an interactive experience rather than a conventional static website.
The redesigned page uses a WebGL particle field containing up to 15,000 particles. The particles are programmed to change shape across 23 scenes as visitors scroll through the page, creating animations that respond to the user’s movement.
The website also features a three-dimensional panda built from particle-based shapes. ICPanda said the design was developed through prompts that refined the panda’s appearance and movement, including an animation in which its head follows the visitor’s cursor.
Music is another part of the experience. Rather than using pre-recorded audio files, the website generates an original soundtrack directly in the browser using the Web Audio API.
The music combines elements including an 808 kick, sub-bass, temple drums, bamboo flute and bells. ICPanda said the sounds are positioned to create a stereo effect, while a wordless vocal element was added using an eastern musical mode.
Browser restrictions mean audio cannot automatically begin when a visitor first arrives. The site therefore starts the music following the user’s first click or tap, with the initial interaction also triggering a bass drum.
The project also demonstrates how the same interactive environment can be used to create video content. ICPanda said the landing page was driven on a virtual clock and captured frame by frame at 1080p and 60 frames per second, with the soundtrack generated from the same event data so the animation and audio remain synchronised.
The development process was carried out through a sequence of natural-language prompts. These included instructions to create a dynamic HTML landing page, move the design to SvelteKit, improve text readability, develop the particle-based visuals and add interactive music.
ICPanda’s presentation highlights an emerging approach to web development in which AI coding tools can handle substantial parts of the design and implementation process while the creator directs the project through prompts and iterative feedback.
The resulting Anda AI website combines several browser technologies, including WebGL, SvelteKit and the Web Audio API, into a single interactive presentation. It also provides an example of how AI-assisted development can be used for creative web experiences that extend beyond conventional text, images and navigation.
Dear Reader,
Ledger Life is an independent platform dedicated to covering the Internet Computer (ICP) ecosystem and beyond. We focus on real stories, builder updates, project launches, and the quiet innovations that often get missed.
We’re not backed by sponsors. We rely on readers like you.
If you find value in what we publish—whether it’s deep dives into dApps, explainers on decentralised tech, or just keeping track of what’s moving in Web3—please consider making a donation. It helps us cover costs, stay consistent, and remain truly independent.
Your support goes a long way.
🧠 ICP Principal: ins6i-d53ug-zxmgh-qvum3-r3pvl-ufcvu-bdyon-ovzdy-d26k3-lgq2v-3qe
🧾 ICP Address: f8deb966878f8b83204b251d5d799e0345ea72b8e62e8cf9da8d8830e1b3b05f
Every contribution helps keep the lights on, the stories flowing, and the crypto clutter out.
Thank you for reading, sharing, and being part of this experiment in decentralised media.
—Team Ledger Life
Community Discussion