Ferrofluid

Labs

  • Ambient
  • Hero Section
  • React
  • Tailwind

The build prompt

8,044 chars
Build a full-viewport science/lab-brand hero section using React, Tailwind CSS, and Lucide React icons. Use the Inter Tight and IBM Plex Mono fonts from Google Fonts. The entire page is a single full-height hero — no scrolling, no additional sections. Brand: FERROFLUID / LABS.

BACKGROUND VIDEO:

A full-screen background video plays on loop, muted, autoplaying, playsInline, covering the entire viewport with object-cover. The footage shows black ferrofluid spiking into shifting geometric crowns under a magnetic field, lit with cold precise studio light. The video is fixed-positioned behind everything at z-index 0.

Video URL: https://zxdefgavgwfxastwmmjm.supabase.co/storage/v1/object/public/a

The rest of this prompt is for members

More like this