Build software better, together

nateherkai / scroll-craft

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.

landing-page frontend creative-coding accessibility typography interaction-design web-design scrollytelling design-system scroll-animation anthropic agent-skills claude-code claude-code-plugin ai-web-design

Updated Sep 30, 2026
JavaScript

oil-oil / oil-motion

Star

Web animation skill for Claude Code & Codex. 帮你做跟着滚动和鼠标动的网页动画。

frontend skills interactive skill animation drag motion scroll web-animation cursor motion-design codex scroll-animation ai-video agent-skills claude-code claude-skills agent-skill codex-skill

Updated Oct 4, 2026
Python

awesome-reveal / awesome-reveal

Star

Reveal-on-scroll animations for React, Vue, Astro and plain JavaScript, built on IntersectionObserver and the Web Animations API.

react javascript typescript web vue animation animations astro reveal hacktoberfest intersection-observer web-animations-api scroll-reveal animate-on-scroll scroll-animation

Updated Oct 25, 2026
TypeScript

scaccogatto / vue-waypoint

Star

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

typescript vue animation nuxt viewport triggers intersectionobserver inview vue3 vite composition-api scroll-animation

Updated Oct 24, 2026
TypeScript

mamunhpath / josh.js

Star

A JavaScript library to animate content on page scroll.

javascript css animation css-animations vanilla-javascript javascript-library mutation-observer page-scroll intersectionobserver scroll-animation

Updated Aug 27, 2022
JavaScript

amineyarman / Kinesis.js

Sponsor

Star

Interactive motion, written in CSS. Tilt, parallax, magnetic, drag, and scroll effects as CSS properties, animated with springs. 14 KB, no dependencies.

javascript css typescript vue frontend parallax animation drag motion tilt interaction spring-animation css-custom-properties scroll-animation

Updated Oct 6, 2026
TypeScript

amirmushichge / cinematic-scroll-prompt-kit

Star

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

creative-coding codex scroll-animation prompt-engineering claude-code ltx-studio

Updated Jul 17, 2026

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.

Updated Oct 27, 2026
TypeScript

frankxai / awesome-motion-design-agent-skills

Star

Curated motion design agent skills: GSAP, Motion, Remotion, Lottie and Rive for web animation, programmatic video and motion QA. Installable in Claude Code, Codex, Copilot.

awesome animation mcp gsap web-animation awesome-list motion-design lottie codex ai-agents video-generation remotion framer-motion scroll-animation github-copilot agent-skills claude-code claude-skills

Updated Oct 24, 2026

ecemgo / mini-samples-great-tricks

Star

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.

javascript css dashboard codepen animation slider css-animations navbar scrollreveal javascript-libraries responsive-design html-css-javascript greensock swiper mini-project scrollreveal-js login-form swiper-js scroll-animation

Updated Oct 2, 2025
CSS

musoyangrigor / scroll-video-website-skill

Star

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.

web-development video canvas frontend developer-tools web-animation codex ai-agents scroll-animation agent-skills claude-code scroll-driven-animation

Updated Sep 4, 2026

Okohedeki / scroll-studio

Star

Scroll-driven websites from one YAML file: generated film, live 3D, data stories, maps. Runs locally, no API keys; Claude can drive it via MCP.

static-site-generator webgl threejs mcp scrollytelling scroll-animation generative-ai comfyui

Updated Oct 27, 2026
Python

MustBeSimo / web-design-studio

Star

Three free agent skills for websites people remember: cinematic-scroll builds distinctive scroll, 3D and motion sites; scroll-audit scores any page; launch-page-strategy decides what the page must say. 28 live examples. Formerly Cinematic Scroll.

Updated Oct 27, 2026
JavaScript

jasudev / Scroller

Star

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

swift animation scrolling scroll animations scrollview scrollview-component scrollable scroll-animations swiftui scrollviewer scroll-animate scroll-animation

Updated Apr 27, 2022
Swift

f / can

Sponsor

Star

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

webgl threejs scroll-animation imagegen

Updated Oct 23, 2026
JavaScript

abuzar-alvi / Zentry-Animated-Gaming-Landing-Page

Star

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.