---
id: "2115853098866606346"
source: https://x.com/XorDev/status/2115853098866606346
author: "Xor (@XorDev)"
media: "video, 1200x1078, 14.1s"
model: claude-opus-5-5
generated: 2026-10-31
---
# Rainbow Jelly Bubble Letters

## Summary
Two stacked words, PLAY and NICE, rendered as glossy translucent gummy letters in a rainbow of pastel colors, sitting on a flat pink floor that catches bright caustic light through them. Over the clip small jelly beads and cubes rain down and pile up around the letters while their surfaces wobble. A great reference for real-time refraction, subsurface tint and soft-body charm in 3D type.

## Style
- Theme: light (pastel pink)
- Mood: playful, sweet, glossy, squishy, joyful
- Tags: 3d-type, jelly, gummy, caustics, refraction, pastel, shader, physics
- Category: 3D, Typography

## Palette
| Role | Hex |
|---|---|
| Floor pink | #EEA9AA |
| Shadow pink | #E59FA1 |
| Deep rose | #D3898A |
| Mint jelly | #A5B5A7 |
| Magenta jelly | #DC80B2 |
| Violet jelly | #AD78A7 |
| Amber jelly | #D3AF87 |
| Caustic highlight | #F5E0C9 |

## Typography
- One display style: chunky rounded bubble letters, uppercase, very heavy, each glyph inflated like a balloon with soft bulges. Two lines of four letters fill about 80% of the frame width and 90% of the height.
- Each letter is its own color: P red, L orange, A yellow, Y green, N aqua, I violet, C purple, E pink.
- Closest free fonts to start the shapes: Rubik Bubbles, Modak or Chewy, then inflate in 3D.

## Layout
- Near-square canvas (1200x1078), camera slightly above and in front, looking down at about 20 degrees.
- Letters stand upright on an infinite pink plane; the two words are left aligned and stacked with a gap of about 4% of the height.
- Soft contact shadows plus bright, rippled caustic patches projected onto the floor just below each letter.
- No UI, no borders; depth comes from refraction, specular highlights and a faint rainbow dispersion on letter edges.

## Elements
- Eight translucent jelly letters with internal color variation, white specular streaks and thin iridescent bands where light refracts.
- Small jelly beads (spheres and rounded cubes, about 3% of frame width) in matching pastel colors that fall from above.
- Caustic light pools on the floor in warm cream and pink.

## Motion
- 0 to 5.6s: letters idle with a subtle surface wobble; one or two beads drop between the rows.
- 5.6 to 8.2s: a burst of beads falls from the top of the frame, bouncing off letter tops (about 400ms per bounce, elastic).
- 8.2 to 13.2s: beads accumulate in gaps and on the floor, letters jiggle on impact (1 to 2 cycles, about 300ms each, damped spring) and caustics shift with every jiggle.
- Continuous, non-looping physics; camera stays fixed.

## Rebuild it
1. Use React Three Fiber with `@react-three/drei` `Text3D` (a rounded bubble font converted to typeface JSON) with large `bevelSize` and `bevelSegments` for inflated shapes.
2. Material: `MeshTransmissionMaterial` with transmission 1, thickness 1.2, roughness 0.05, ior 1.4, chromaticAberration 0.06 and a per-letter color.
3. Floor: a pink plane with `ContactShadows`; fake caustics with a `Caustics` helper from drei or a projected animated noise texture.
4. Beads: instanced spheres and rounded boxes driven by `@react-three/rapier`, spawned from the top every 80ms in a burst.
5. Jiggle: on collision, animate a vertex shader displacement amplitude with a spring (stiffness 300, damping 12).
6. Wrap the canvas in a Motion `div` that fades in (opacity 0 to 1, 600ms) and keep the background `#EEA9AA`.

## Generation prompt
Two stacked words in huge inflated bubble letters made of glossy translucent rainbow gummy jelly (red, orange, yellow, green, aqua, violet, purple, pink) standing on a flat pastel pink floor, bright rippling caustic light shining through them onto the ground, small colorful jelly beads raining down and bouncing around the letters, soft studio lighting, playful and sweet 3D render.