1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. motiq
  5. Liquid Fill Headline

Liquid Fill Headline

component

An outlined wordmark that fills bottom-up with a sloshing two-polygon clip-path wave rebuilt per frame, settles as the amplitude decays, then takes a coral shimmer sweep. Pure CSS-clipped text (never an SVG luminance mask), controllable level, reduced-motion safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/liquid-fill-headline.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • utils
  • primitives
components/motiq/liquid-fill-headline.tsx