Agrumi
Hero & InteractionNew

Agrumi

Ceramics for good dogs - video hero with six summer glaze bowls.

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

Overview

Agrumi is a full-viewport ceramic dog-bowl product hero by SonoJS. Shipped as a zero-build static package (bundled React SPA). Full-bleed looping hero.mp4 with poster still, hand-glazed ceramic bowls with ears pitch, Shop the bowls CTA, 4.9★ / 12,000 good dogs social proof, and a six-glaze gallery (Limone, Arancia, Menta, Latte, Cielo, Vetro) with tinted swatches. Demo product chrome only - no checkout backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Video product stage

    Looping hero.mp4 with hero-poster.webp preload for a warm ceramic launch.

  2. 02

    Shop the bowls CTA

    Hand-glazed Puglia pitch, social proof, and a clear Shop the bowls button.

  3. 03

    Six summer glazes

    Limone through Vetro with tinted swatches, notes, and $48 price chrome.

  4. 04

    Zero-build static

    index.html + bundled assets/ CSS/JS, fonts/, and media/ - open or static-host.

You get

  • index.html (complete Agrumi hero)
  • assets/ bundled CSS + JS
  • fonts/ (self-hosted)
  • media/hero.mp4, hero-poster.webp, and six glaze stills

Details

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

You need

  • Modern browser (HTML5 video + CSS)
  • No build step - open index.html or static-host the folder
  • 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.