Qumica
Hero & InteractionNew

Qumica

Ready to elevate your digital infrastructure - video hero with Generate CTAs.

Free

Quick facts

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

Made with

  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • Lucide

Overview

Qumica is a full-viewport digital-infrastructure marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and Lucide. Full-bleed looping hero video, floating glass pill nav (About / Platform / Solutions + Generate), Trusted by 500+ teams avatar row with stars, Ready to elevate your digital infrastructure headline (Instrument Serif italic on elevate), Generate / View Platform CTAs, and an Integrating with leading automation marquee (Zapier, Make, n8n, UiPath, Tray.io, Workato). Demo automation-platform chrome only - no generate backend. Vite build ready for Cloudflare Workers.

Highlights

  1. 01

    Video stage + glass nav

    Full-bleed hero-bg.mp4 with a floating pill nav and Generate chrome.

  2. 02

    Social proof + CTAs

    Avatar stack, five-star row, shimmer Generate button, and View Platform.

  3. 03

    Automation marquee

    Integrating with leading automation logos - Zapier through Workato.

  4. 04

    Vite and fork-ready

    Vite 8 + React 19 + TypeScript + Tailwind 4 + Lucide - npm run build to dist/.

You get

  • Full Vite + React 19 + TypeScript source (Qumica)
  • HeroSection with video, nav, CTAs, and integrations marquee
  • Tailwind CSS 4 via @tailwindcss/vite
  • Local hero video + avatar stills

Details

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

You need

  • Node.js 20 or newer
  • Vite 8
  • React 19
  • Tailwind CSS 4
  • Lucide React

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.