trigger functions and events based on the element position on the screen
-
Updated
Jul 11, 2026 - TypeScript
trigger functions and events based on the element position on the screen
A JavaScript library to animate content on page scroll.
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.
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.
You can animate in individual views based on scroll position. Developed with SwiftUI. This library supports iOS/macOS.
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
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.
Agent skill for building cinematic, scroll-driven websites from a brief: visual systems, motion storyboards, vanilla/GSAP demos, and Next.js release-page templates.
This lightweight plugin enhances user experience by enabling smooth scrolling for anchor links without the need for jQuery or other dependencies.
Small JS & CSS library for scroll animations
React TypeScript library for effortlessly animating your website on scroll.
What you can find here is a stunning 3D portfolio built with React 19, Three.js (via react-three-fiber), Tailwind CSS, Lenis, and Vite. Features smooth scroll animations, interactive scenes, and EmailJS integration for contact forms, optimized for performance and modern UX. ____"This is the V 01 of my portfolio"____
Website with Scroll Animation using GSAP & Scroll Trigger
✨ Stunning 3D dimensional glass landing page with prismatic refraction effects. Built with Solid.js, Three.js, GSAP ScrollTrigger & Tailwind CSS. Features real-time glass panel rendering, magnetic cursor, and buttery-smooth scroll animations.
A cinematic single-page resume template built with Next.js, Tailwind CSS, and GSAP, with automatic GitHub Pages deployment.
A pixel-detailed front-end recreation of a modern SaaS/agency landing page, built from scratch in vanilla HTML, CSS, and JavaScript — no frameworks. Features custom canvas particle networks, scroll-driven reveal animations, a sticky crossfade transition, mega-menu nav, and full accessibility support..
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."