Docs
Screen scrolling

Screen scrolling

Displays a Screen scrolling.

Create an account

Enter your email below to create your account

Or continue with

Installation

Install the following dependencies:

npm install framer-motion

Copy and paste the cn util code into your project.

import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
 
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
 

Copy and paste the Scaling code into your project.

Usage

export function MacbookScrollDemo() {
  return (
    <div className="overflow-hidden dark:bg-[#0B0B0F] bg-white w-full">
      <ScreenScroll />
    </div>
  )
}