Parrot
Hero & InteractionNew

Parrot

The Tropical Talker - macaw video hero with scroll-driven color stage.

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

Parrot is a full-viewport tropical macaw marketing hero by SonoJS. Shipped as a zero-build static SPA (bundled React) with Anton + Montserrat. Looping macaw-flight video, first/last still plates, The Tropical Talker. headline, and a multicoloured macaw perched on a mossy branch color story. Demo product chrome only - no backend. Run locally with npm run dev (serve on :3000) or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Macaw flight stage

    Local macaw-flight.mp4 / .webm with first.webp preload and last.webp plates.

  2. 02

    Tropical Talker type

    Anton display + Montserrat body on The Tropical Talker. headline stack.

  3. 03

    Color story chrome

    Multicoloured macaw on a mossy branch - scroll-driven color presentation.

  4. 04

    Zero-build static

    index.html + bundled assets/ - npm run dev serves on port 3000.

You get

  • index.html (complete Parrot hero)
  • assets/ bundled CSS + JS
  • assets/macaw-flight.mp4 / .webm, macaw.webp, first.webp, last.webp
  • assets/fonts (Anton + Montserrat)
  • package.json + START.cmd (serve)

Run locally

From the unzipped project folder:

Terminal
npm run dev

Details

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

You need

  • Modern browser (HTML5 video + CSS)
  • Node.js optional - npm run dev uses serve; 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.