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.
Modern Animated AI Video Editing SaaS Landing Page using React.
🍃 CSS-driven scroll-based animations
Agent skill for building cinematic, scroll-driven websites from a brief: visual systems, motion storyboards, vanilla/GSAP demos, and Next.js release-page templates.
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.
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.
React TypeScript library for effortlessly animating your website on scroll.
🌌 High-performance 3D landing page built with Next.js 14, Three.js, and GSAP. Features immersive scroll-linked animations and dynamic content management via Prismic CMS. Fully type-safe and SEO optimized.
Website with Scroll Animation using GSAP & Scroll Trigger
cinematic-web 3d-website-builder scroll-animation gsap-animation ai-web-design web-motion-design frame-sync scroll-storytelling javascript web-animation
Add a description, image, and links to the scroll-animation topic page so that developers can more easily learn about it.
To associate your repository with the scroll-animation topic, visit your repo's landing page and select "manage topics."