Command Palette

Search for a command to run...

Loading component...

Components paid Image reveal

Image reveal

A scroll-triggered image reveal component with smooth transitions and progress indicator. Features images that reveal with clip-path animations and brightness transitions as you scroll through a long container.

Dependencies

framer-motionlenis

Interaction Type

Scroll to reveal images
Watch smooth clip-path transitions
Sticky positioning with progress bar

CLI UNAVAILABLE

pro component, try copying the source code from top right corner

How to use

import { Skiper71 } from "@/components/v1/skiper71";

const DemoSkiper71 = () => {
  return (
    <div className="h-full w-full">
      <Skiper71 />
    </div>
  );
};

Basic usage

// Simple implementation
const BasicExample = () => {
  return <Skiper71 />;
};
Props
Description

None

This component is self-contained

Attribution

Illustrations by AarzooAly

Source code

Click on the top right
to view the source code

Keep in mind

Most components here are recreations of the best out there. I don't claim to be the original creator. This is my attempt to reverse-engineer, replicate, and often add a few extra features. I've tried to credit everyone, but if I missed something, let me know.

Contact

Additionlly, if you find any bug or issue, feel free to
Drop a dm.

License & Usage:

  • Free to use and modify in both personal and commercial projects.
  • Attribution to Skiper UI is required when using the free version.
  • No attribution required with Skiper UI Pro.
PreviousNext