A reusable hero section web component

14 landing-page hero section variants.

Hero section component with multiple layout variants

Home hero section animation.

Premium animated dot-matrix hero section for landing pages. Theme, content, buttons, and shapes are fully customizable.

Responsive Hero built with Bootstrap 5. Examples include hero image, hero banner, hero slider, hero section & more.

The marketing UI kit for the Bundu Ecosystem — Nyuchi's implementation of the Mzizi design system. Astro marketing components (Hero, Section, MineralStrip, Container, Breadcrumb with valid BreadcrumbList JSON-LD, …) plus shadcn CVA + cn() React primitives

simple carousel for website hero section

Aurora Plane — A pure-CSS animated aurora hero. Cheap, calm, and responsive — a great default when CSS is enough. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Cinematic Contact Sheet — Multiple frames behave like a cinematic contact sheet, bending through depth and holding a warm editorial mood. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Efek parallax sederhana untuk hero section

IslaWaves landing page component with animated 3D hero section for Next.js applications

Drop Cap — Editorial paragraph with a single, oversized serif drop-cap that overhangs the leading margin — drop straight into a magazine layout. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Cosmic Marble — A procedurally-textured planet fills the background — swirling FBM clouds, atmosphere scattering at the rim, slow rotation, scattered stars. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Energy Core Reactor — A glowing reactor core suspended in space — rotating orbital rings, procedural plasma arcs lashing inward, and emissive bloom. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Aurora Borealis — Northern lights — three volumetric ribbon curtains driven by FBM noise, with parallax on pointer/scroll, additive blending, and a starfield behind. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Dynamic Fill Nav — A nav bar where each link reveals a coloured fill on hover — left-to-right wipe behind a flat-coloured label. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Bubble Universe — Iridescent soap bubbles drift upward, each refracting the bg and showing a thin-film rainbow rim. The cursor wobbles nearby bubbles. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Animated 404 — Oversized 404 hero with the middle 0 swapped for an idle-orbiting glowing eye — the kind of error page people actually screenshot. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

A layout builder plugin for Strapi v5 that provides a visual grid-based interface for configuring Hero section layouts