Gummy Grove
Hero & InteractionNew

Gummy Grove

wobble / works - grab jelly fruit, toss it, slice it, watch it settle.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript
  • Three.js

Overview

Gummy Grove is an interactive jelly-fruit playground hero by SonoJS. Shipped as a zero-build static SPA with Satoshi and a bundled Three.js jelly shader. Grab a squishy avocado, fig, sakura, blood orange, or starfruit - toss it, slice it, and watch the wobble settle. Demo interaction chrome only - no cart or backend. Serve the public/ folder (or npm run dev via Wrangler) / host on Cloudflare Workers.

Highlights

  1. 01

    Jelly fruit stage

    Three.js soft-body style jelly mesh with wobble / works chrome.

  2. 02

    Grab, toss, slice

    Interactive avocado, fig, sakura, blood orange, and starfruit toys.

  3. 03

    Satoshi static SPA

    Self-hosted Satoshi plus a single bundled JS/CSS build under public/.

  4. 04

    Workers-ready

    wrangler.toml assets SPA - npm run dev locally or deploy to Cloudflare.

You get

  • public/index.html (complete Gummy Grove hero)
  • public/assets/ bundled CSS + JS (Three.js jelly)
  • public/fonts/satoshi.css + satoshi.woff2
  • wrangler.toml for Cloudflare Workers assets

Run locally

From the unzipped project folder:

Terminal
npx wrangler dev

Details

Version
v1.0.0
Last update
Nov 8, 2026
Pages
1
Category
Hero & Interaction

You need

  • Modern browser (WebGL)
  • Static host for public/ - or Wrangler for local/dev deploy
  • Optional: Cloudflare Workers / Pages for hosting

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.