About
Animated Scroll keywords section with loading and scrolling animation
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Scroll Hero Section to your project and fits it to your theme.
Code
How Scroll Hero Section is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { WordHeroPage } from "@/components/ui/scroll-hero-section";
export default function DemoOne() {
return <WordHeroPage
items={['design.', 'prototype.', 'solve.', 'build.', 'develop.', 'cook.', 'ship.']}
theme="system"
animate
hue={280}
startVh={50}
spaceVh={50}
debug={false}
/>;
}