Dynamic Text Slider

This is a React component that creates a full-screen hero section. It features a unique, interactive headline where the words "Video Editor" are revealed inside a draggable range slider. The slider tilts dynamically as the user moves the handles, and the handles scale up on hover and drag for better visual feedback. The component is designed to be responsive and visually engaging.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Dynamic Text Slider to your project and fits it to your theme.

import TitleComponent  from "@/components/ui/dynamic-text-slider";

export default function DemoOne() {
  return <TitleComponent />;
}