Parrot
Hero & InteractionNew

Parrot

Free

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

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

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.