Lip-scroll-zoomin-animation

Component 892

About

Lip scroll zoomin animation with GSAP video mask reveal

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Lip-scroll-zoomin-animation to your project and fits it to your theme.

Code

How Lip-scroll-zoomin-animation is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

'use client';

import React from 'react';
import { LipScrollZoominAnimation } from '@/components/ui/lip-scroll-zoomin-animation';

export default function LipScrollZoominAnimationDemo() {
  return (
    <div className="min-h-screen w-full bg-white text-black overflow-x-hidden">
      <LipScrollZoominAnimation />
    </div>
  );
}