Animate On Scroll (AOS)

Adds AOS (Animate On Scroll) library for CSS3-driven scroll animations in Next.js applications. Apply data-aos attributes to elements to trigger animations as they enter the viewport. Supports fade, flip, zoom, and slide animations with configurable duration, delay, and easing.

Copy the files below, or open this folder on GitHub. Each file is stamped with a limited-use licence, generator and date. SHA-256 is of the published catalog bytes, before the stamp.

id: aos
stack: Next.js
version: 1.0.0
compatibility: nextjs >=16 <17 · react >=19 <20
requires: nextjs-base
env vars: —

Verified passing · daily buildIntegrity sha256:ac7e6a75f7d06f4b…

Files (3)

types/aos.d.ts · sha256:ac7e6a75f7d06f4b…

// Licensed by BotKelp — https://www.botkelp.com

/**
 * TypeScript declarations for AOS (Animate On Scroll).
 * 
 * This file provides type declarations for the AOS library
 * which doesn't include its own TypeScript types.
 */

declare module 'aos' {
  interface AOSOptions {
    offset?: number;
    duration?: number;
    easing?: string;
    delay?: number;
    disable?: boolean | string;
    startEvent?: string;
    initClassName?: string;
    animatedClassName?: string;
    useClassNames?: boolean;
    disableMutationObserver?: boolean;
    debounceDelay?: number;
    throttleDelay?: number;
  }

  interface AOSStatic {
    init(options?: AOSOptions): void;
    refresh(): void;
    refreshHard(): void;
  }

  const aos: AOSStatic;
  export default aos;
}

declare module 'aos/dist/aos.css' {
  const content: string;
  export default content;
}