ns-ui

Hero Particles WEBGL

Full-viewport hero with a cursor-reactive WebGL particle field and staggered text reveal.

Use when a hero with a real WebGL particle field the cursor repels — an elastic void that trails the pointer — plus staggered text reveal; the only hero in this set with npm deps (three, @react-three/fiber, motion), so pick it when true GPU depth is worth the heavier install.

Install

npx shadcn add https://design.helpmarq.com/r/hero-particles-webgl.json
  • hero
  • webgl
  • particles
  • text-reveal

ns-ui

Interfaces with gravity.

A registry of components built one at a time, each earning its place.

Props

PropTypeDefaultDescription
eyebrow?string"ns-ui"
headline?string"Interfaces with gravity."
subline?string"A registry of components built one at a time, each earning its place."
cta?string"Browse components"
ctaHref?string
onCtaClick?() => void