scroll-animation

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

Vue 3 waypoint component — trigger functions and events when an element enters/leaves the viewport, via IntersectionObserver. TypeScript, SSR-safe.

A JavaScript library to animate content on page scroll.

Reusable AI prompt and project brief system for cinematic scroll-driven 2.5D websites.

Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.

This repository includes mini samples using CSS animations or JS libraries to create sliders, dashboards, landing pages and login forms. You can find more from my CodePen profile.

You can animate in individual views based on scroll position. Developed with SwiftUI. This library supports iOS/macOS.

A scroll-driven Three.js soda-can showcase built by GPT-5.6 Sol Ultra in 20–30 minutes.

A modern, animated landing page inspired by the official Zentry.com website. Built using React.js and Tailwind CSS, replicating its sleek UI, smooth animations, and interactive features.

Agent skill for building cinematic, scroll-driven websites from a brief: visual systems, motion storyboards, vanilla/GSAP demos, and Next.js release-page templates.

Scroll Video Website is a portable AI-agent skill that turns videos into smooth, scroll-controlled canvas experiences with optimized WebP frames, progressive loading, and responsive animation.

Modern Animated AI Video Editing SaaS Landing Page using React.

🍃 CSS-driven scroll-based animations

A modern, responsive landing page for Pixa AI — your all-in-one AI companion. Presenting all your AI models in one place through a sleek, minimal UI.

Obsidian Plugin to Change Scroll Speed Inside Files

React.js animation replicates Google Gemini thread, responding to user scroll for an engaging experience.

Turn any photo into a scroll-scrubbed website hero. kie.ai pipeline: storyboard, keyframes, Kling first/last-frame tweens, drop-in WebP frames. By Black Line Design.

Small JS & CSS library for scroll animations

This lightweight plugin enhances user experience by enabling smooth scrolling for anchor links without the need for jQuery or other dependencies.

Website with Scroll Animation using GSAP & Scroll Trigger