About
Woodpeck modern architectural fluid hero landing animation with letter-by-letter splash intro, counter-scaling hero banner, and floating dynamic navbar.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds woodpeck-hero-landing-animation to your project and fits it to your theme.
Code
How woodpeck-hero-landing-animation is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import React from 'react';
import FluidHeroNavbar from '@/components/ui/woodpeck-hero-landing-animation';
export default function FluidHeroNavbarDemo() {
return <FluidHeroNavbar />;
}








