Ajith k v

woodpeck-hero-landing-animation

Component 68

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 />;
}

More by Ajith k v

View all
  • Hero Scroll Video Pin Reveal

    Hero Scroll Video Pin Reveal

    996
  • Lip-scroll-zoomin-animation

    Lip-scroll-zoomin-animation

    893
  • Home Hero Landing Scroll Animation

    Home Hero Landing Scroll Animation

    708
  • Inversion Circle Scroll Animation

    Inversion Circle Scroll Animation

    279
  • Landing scroll animation

    Landing scroll animation

    195
  • Reveal Text

    Reveal Text

    134
  • ImgText Reveal Scroll Animation

    ImgText Reveal Scroll Animation

    96
  • Text Animation

    Text Animation

    87