resource: animation
177 resources, primary matches first, then adoption-weighted; health v2 shown.
| Resource | Health v2 | Stars | Maturity |
|---|---|---|---|
| MisterBooo/LeetCodeAnimation A popular open-source repository that explains LeetCode problem solutions through step-by-step animations, with reference code in Java, Pyt… | 71 | 76700 | active |
| wasabeef/awesome-android-ui A curated list of Android UI/UX libraries covering categories like Jetpack Compose, layouts, dialogs, animation, and effects. It serves as … | 71 | 57358 | active |
| bradtraversy/50projects50days A collection of 50+ mini web projects built with plain HTML, CSS, and JavaScript, accompanying Brad Traversy's '50 Projects in 50 Days' cou… | 36 | 40633 | active |
| emilkowalski/skills A collection of AI agent skill files (Markdown) by Emil Kowalski that teach coding agents design and animation best practices for building … | 59 | 32804 | active |
| android/compose-samples The official Google repository of Jetpack Compose sample Android apps, including JetNews, Jetchat, Jetsnack, Jetcaster, and Reply. Each sam… | 94 | 23411 | active |
| mitesh77/Best-Flutter-UI-Templates A curated collection of completely free, open-source Flutter UI templates built in Dart, featuring complete app designs like hotel booking,… | 58 | 22818 | active |
| chokcoco/iCSS A curated collection of CSS and web animation techniques, tips, and deep-dive articles organized as GitHub issues. It covers topics like cl… | 65 | 20670 | active |
| you-dont-need/You-Dont-Need-JavaScript A curated collection of demos showing common UI patterns and effects implemented purely with HTML and CSS, without JavaScript. It covers co… | 57 | 20574 | active |
| greensock/gsap-skills Official AI skills for GSAP (GreenSock Animation Platform) distributed in the Agent Skills format, teaching AI coding agents correct GSAP u… | 58 | 14385 | active |
| 3b1b/videos The source code for the animated scenes used in 3Blue1Brown's math explainer videos, built on the Manim animation library. It serves as a l… | 77 | 11149 | active |
| chokcoco/CSS-Inspiration A curated collection of CSS techniques and examples organized by category (layout, shadows, pseudo-classes, etc.), demonstrating creative w… | 35 | 10853 | active |
| ai/easings.net Easings.net is an open-source web reference that provides a visual cheat sheet of easing functions with animated demos and copyable CSS/Typ… | 66 | 8671 | active |
| simeydotme/pokemon-cards-css A collection of advanced CSS styles and Svelte demos that recreate realistic holographic (holofoil) effects for Pokemon trading card faces … | 58 | 7955 | stable |
| Gurupreet/ComposeCookBook A collection of Jetpack Compose UI elements, layouts, widgets, and demo screens showcasing Android's declarative UI toolkit. It serves as a… | 80 | 6871 | active |
| amosgyamfi/open-swiftui-animations A collection of pure SwiftUI animation examples and inspiration for iOS, macOS, visionOS, and watchOS apps, covering loading, looping, tran… | 76 | 5615 | active |
| steven-tey/precedent Precedent is an opinionated Next.js starter template providing pre-built components, hooks, and utilities. It bundles Tailwind CSS, Radix U… | 31 | 5113 | active |
| lohanidamodar/flutter_ui_challenges A collection of 100+ professional Flutter UI implementations replicating real app designs, updated for Flutter 3.x. It serves as a learning… | 10 | 4756 | active |
| hepengwei/visualization-collection A curated collection of hundreds of frontend visual effect demos including CSS animations, Canvas effects, Three.js 3D scenes, and AI-power… | 77 | 4573 | active |
| wcandillon/can-it-be-done-in-react-native A collection of demo projects from the 'Can it be done in React Native?' YouTube series, written in TypeScript. It showcases advanced React… | 42 | 4202 | active |
| john-smilga/javascript-basic-projects A collection of beginner-friendly vanilla JavaScript projects accompanying John Smilga's JavaScript course, ranging from a color flipper an… | 32 | 3930 | active |
| sun0225SUN/Awesome-Love-Code A curated collection of romantic 'love confession' code snippets and demos in JavaScript, Python, MatLab, C/C++, VBS, and C#. Each entry is… | 10 | 3700 | active |
| SmartToolFactory/Jetpack-Compose-Tutorials A collection of Jetpack Compose tutorials organized as searchable Android app modules covering Material widgets, layouts, state, animations… | 70 | 3659 | active |
| Foso/Jetpack-Compose-Playground A community-driven collection of Jetpack Compose example code, samples, and tutorials for Android UI development, accompanied by a document… | 57 | 3653 | active |
| Eikanya/Live2d-model A large community collection of Live2D models, mostly extracted from mobile games, for use in viewers, websites, and VTuber tools. It inclu… | 55 | 3362 | active |
| BandaiNamcoResearchInc/Bandai-Namco-Research-Motiondataset Motion capture datasets released by Bandai Namco Research containing BVH-format character motions with diverse contents (daily activities, … | 32 | 3324 | stable |
| diegoveloper/flutter-samples A collection of Flutter sample apps and code examples demonstrating common UI patterns like splash screens, hero animations, sliver app bar… | 55 | 3210 | active |
| enzomanuelmangano/demos An ongoing collection of React Native animation demos built with Reanimated, Gesture Handler, and Skia, distributed as an Expo app with a c… | 84 | 3113 | active |
| cjwirth/awesome-ios-ui A curated awesome-list of iOS UI/UX libraries organized by category such as animations, badges, calendars, notifications, and side menus. I… | 32 | 11215 | maintenance |
| satoshi0212/visionOS_30Days A 30-day challenge repository containing daily visionOS sample projects and tutorials implemented in Swift with RealityKit, ARKit, and Meta… | 69 | 2239 | stable |
| gl-transitions/gl-transitions An open collection of GLSL transition shaders that smoothly animate between two textures using a progress value from 0.0 to 1.0. It follows… | 72 | 2130 | stable |
| REBOOTERS/AndroidAnimationExercise An open-source Android demo app and learning resource collecting implementations of Android animations (frame, tween, and property animatio… | 76 | 2108 | active |
| ColorfulCat/AndroidLibs A curated, categorized catalog of open-source Android libraries and components, covering UI, networking, animation, frameworks, and more. I… | 32 | 7989 | maintenance |
| OpenFlutter/Flutter-Notebook A curated collection of small Flutter demo projects (in Dart) covering widgets, navigation, animations, and common UI patterns. It serves a… | 32 | 7199 | maintenance |
| w3c/css-houdini-drafts The W3C CSS-TAG Houdini Task Force repository containing editor drafts of specifications that expose CSS engine internals (Paint API, Layou… | 75 | 1888 | active |
| adrianhajdin/project_3D_developer_portfolio A tutorial-backed React project template for building a 3D developer portfolio website using Three.js, React Three Fiber, Drei, Tailwind CS… | 30 | 7114 | maintenance |
| adrianhajdin/brainwave Brainwave is the companion codebase for a JavaScript Mastery YouTube tutorial that teaches building a modern UI/UX website with React.js, V… | 25 | 1874 | stable |
| raphamorim/awesome-canvas A curated list of HTML5 Canvas resources including examples, libraries, articles, talks, and tutorials. It serves as a reference directory … | 71 | 1860 | active |
| android/codelab-android-compose A collection of official Android Studio projects containing hands-on codelabs for learning Jetpack Compose, Google's declarative UI toolkit… | 77 | 1720 | active |
| ncase/trust The Evolution of Trust is an interactive, playable guide to the game theory of cooperation, built as a browser-based web experience with Ja… | 59 | 6274 | maintenance |
| amitshekhariitbhu/ridesharing-uber-lyft-app An open-source Kotlin Android project that teaches developers how to build an Uber/Lyft-style ride-sharing app, including nearby cabs on Go… | 61 | 1672 | stable |
| ubisoft/ubisoft-laforge-animation-dataset The Ubisoft La Forge Animation Dataset (LAFAN1) is a motion capture dataset of 5 subjects, 77 sequences, and ~4.6 hours of character animat… | 32 | 1568 | stable |
| ivanvorobei/SwiftUI A curated collection of example projects demonstrating SwiftUI and Combine, released around WWDC2019. It covers layout, UI controls, animat… | 32 | 5622 | maintenance |
| Toni77777/awesome-swiftui-libraries A curated awesome-list of SwiftUI libraries organized by category (alerts, animation, charts, navigation, etc.) for Apple platforms. It ser… | 74 | 1535 | active |
| nandanmen/NotANumber An interactive blog on computer science and web development topics, built with Next.js and TypeScript. Posts feature hands-on visualization… | 70 | 1502 | active |
| v5tech/awesome-ios-animation A curated list of iOS animation libraries and resources covering both Objective-C and Swift, including popular projects like Facebook's Pop… | 54 | 5458 | maintenance |
| l-hammer/You-need-to-know-css A curated collection of CSS tricks, effects, and layout techniques presented as a docsify-based documentation site with live demos. It cove… | 32 | 5455 | maintenance |
| onmyway133/awesome-ios-animation A curated awesome-list of iOS animation libraries, frameworks, and example repos organized by UI component type (transitions, alerts, butto… | 32 | 5441 | maintenance |
| NJHu/iOSProject A collection of Objective-C demo projects for iOS covering multithreading (NSThread, GCD, NSOperation), RunTime, RunLoop, drawing, Core Ani… | 23 | 5419 | maintenance |
| Aashu-Dubey/React-Native-UI-Templates A collection of free, open-source UI templates and kits built with React Native and TypeScript, including screens like hotel booking, cours… | 39 | 1475 | active |
| LekoArts/gatsby-starter-portfolio-cara A Gatsby starter template for a playful, colorful one-page portfolio site with parallax effects and animations, built on the @lekoarts/gats… | 45 | 1443 | active |
| filipedeschamps/doom-fire-algorithm A playground of community experiments implementing the classic DOOM fire effect algorithm in JavaScript and other technologies like Canvas,… | 61 | 1418 | active |
| cssanimation/css-animation-101 A free ebook introducing CSS animation, combining theory with practical lessons and available in ePub, PDF, and web formats. It is generate… | 32 | 5055 | maintenance |
| LottieFiles/motion-design-skill A skill package that teaches AI coding agents universal motion design principles — timing, easing, choreography, and Disney's 12 animation … | 52 | 1406 | active |
| gskinnerTeam/flutter_vignettes A collection of 17 Flutter UI experiments and demos built by gskinner in partnership with Google, showcasing creative user experience techn… | 32 | 4752 | maintenance |
| codebucks27/Next.js-Developer-Portfolio-Starter-Code A starter template for building a developer portfolio website using Next.js, Tailwind CSS, and Framer Motion. It includes responsive light/… | 66 | 1328 | active |
| gdquest-demos/godot-visual-effects A free and open-source collection of polished 2D visual effects for the Godot game engine, created as part of the Godot VFX Secrets course.… | 69 | 1298 | stable |
| pattle/simpsons-in-css A collection of Simpsons characters drawn entirely in pure CSS, with a project page showcasing the illustrations. It serves as a demonstrat… | 32 | 4587 | maintenance |
| hakimel/css A collection of assorted CSS and UI experiments by Hakim El Hattab, presented as live demos like Cloudy Spiral, Checkwave, and Progress Nav… | 32 | 4543 | maintenance |
| qunten/iOS-Core-Animation-Advanced-Techniques A Chinese translation of the 'iOS Core Animation Advanced Techniques' book, organized chapter by chapter covering layers, animations, and p… | 32 | 4483 | maintenance |
| Unclecheng-li/AI_Animation A curated collection of AI Agent Skills (SKILL.md prompt packages) for generating cool single-file HTML animations with tools like Claude C… | 59 | 1197 | active |
| morris/vanilla-todo A TeuxDeux-style todo application built entirely in plain HTML, CSS, and JavaScript with no build steps, serving as a case study on viable … | 75 | 1184 | active |
| GoogleChromeLabs/ui-element-samples A collection of prototyped UI element samples from GoogleChromeLabs, written with vanilla web platform features and ES2015 JavaScript. It d… | 71 | 4117 | maintenance |
| QiShaoXuan/css_tricks A curated collection of common CSS styles, tricks, and animations presented as a VuePress documentation site with copy-paste-ready code sni… | 32 | 4090 | maintenance |
| motion-canvas/examples A collection of example videos and their source code made with Motion Canvas, a TypeScript library for creating animations. Each example is… | 23 | 1159 | active |
| kitlangton/visual-effect An interactive Next.js application that visualizes how Effect (Effect-TS) programs execute over time, showing effects run, compose, race, a… | 59 | 1153 | active |
| imuncle/live2d A curated collection of 128 Live2D models (Cubism 2 and 3) with demo pages and simple JavaScript snippets for embedding animated characters… | 61 | 1122 | active |
| FlutterOpen/flutter-ui-nice A Flutter showcase app containing more than 130 beautifully designed UI pages contributed by over 45 developers. It serves as a reference a… | 32 | 3799 | maintenance |
| Tarikul-Islam-Anik/Animated-Fluent-Emojis A curated collection of Microsoft Teams Fluent animated emojis hosted in one repository with a browsable web picker. Users can download emo… | 37 | 1094 | active |
| Ramotion/swift-ui-animation-components-and-libraries A curated list of Swift UI libraries, iOS components, and animation libraries by Ramotion, including circular carousel, folding cell, and a… | 32 | 3712 | maintenance |
| adrianhajdin/award-winning-website A step-by-step tutorial course and companion codebase for building an Awwwards-winning animated website inspired by Zentry, using React.js,… | 21 | 1060 | active |
| Arvindcs/SwiftUI-Animation A collection of SwiftUI animation examples and UI recreations, including side menus, tab bars, Tinder-style swipe cards, loading rings, and… | 37 | 1054 | active |
| amandeepmittal/react-native-examples A collection of React Native and Expo example projects accompanying the author's blog tutorials, covering topics like navigation, animation… | 43 | 1025 | active |
| generative-design/Code-Package-p5.js Source code package for the book Generative Design: Creative Coding for the Web, containing all p5.js sketches from the book. It runs in th… | 69 | 1012 | stable |
| shu223/iOS-9-Sampler A collection of Swift code examples demonstrating the new features introduced in iOS 9, covering APIs like Core Spotlight, SFSafariViewCont… | 32 | 3400 | maintenance |
| MiladiCode/3D-startup-app A tutorial repository accompanying a YouTube video series on building modern, interactive 3D websites with HTML, CSS, and Spline. It covers… | 28 | 1004 | active |
| lindelof/awesome-web-effect A curated awesome list of compact, cool visual effects for web pages, covering background decorations, mouse effects, and similar UI flouri… | 32 | 3155 | maintenance |
| OCNYang/Android-Animation-Set A comprehensive tutorial collection and demo app covering every animation type available natively in Android, from view and frame animation… | 32 | 3139 | maintenance |
| MilenaCarecho/30diasDeCSS A 30-day CSS challenge repository containing 30 small daily HTML5/CSS3 mini projects such as animated loaders, hover button effects, and te… | 32 | 2910 | maintenance |
| dragonir/3d A collection of Three.js-based WebGL demo pages built with React, featuring 3D scenes like Olympic mascots, digital cities, car models, and… | 32 | 2878 | maintenance |
| ovidiuch/illustrated-algorithms An interactive web application that visualizes how algorithms like binary search, quicksort, and BFS execute step by step. The actual displ… | 10 | 2761 | maintenance |
| LaoMengFlutter/flutter-do A Flutter resource collection containing usage examples for 350+ widgets, widget inheritance relationship diagrams, and 40+ loading compone… | 32 | 2741 | maintenance |
| panteng/wechat-h5-boilerplate A boilerplate template for building full-screen scrolling H5 (HTML5) promotional pages optimized for Tencent WeChat's mobile browser. It bu… | 10 | 2682 | maintenance |
| nathangitter/fluid-interfaces A Swift demo app implementing natural gestures and animations from Apple's WWDC18 talk 'Designing Fluid Interfaces', with runnable examples… | 32 | 2593 | maintenance |
| anvaka/atree A tiny JavaScript demo that renders an animated 3D Christmas tree made of two spirals, inspired by a reddit post. It serves as a fun creati… | 59 | 2491 | maintenance |
| robovm/apple-ios-samples A mirror of Apple's official iOS sample code repository, containing hundreds of Objective-C sample applications demonstrating iOS framework… | 10 | 2474 | maintenance |
| bxm0927/canvas-special A curated collection of classic HTML5 Canvas examples written in JavaScript, including particle backgrounds, colorful ball effects, and min… | 32 | 2362 | maintenance |
| yangxi0126/javaScript A curated archive of frontend visual effects and interactive demos implemented in JavaScript. It serves as a reference collection of code s… | 32 | 2215 | maintenance |
| adrianhajdin/project_professional_portfolio A companion code repository for a JS Mastery YouTube tutorial that walks through building and deploying a professional developer portfolio … | 32 | 2091 | maintenance |
| whxaxes/canvas-test A collection of HTML5 Canvas demo projects including particle effects, clocks, small games, and 3D experiments, written as learning exercis… | 32 | 1957 | maintenance |
| Luosunce/material-design-data A curated collection of Material Design learning resources, tutorials, and open-source libraries, primarily aimed at Android developers. It… | 32 | 1905 | maintenance |
| una/YouMightNotNeedJS A reference website (fork of YouMightNotNeedjQuery) demonstrating how to build common UI components like sliders, tabs, and modals using on… | 32 | 1836 | maintenance |
| lygttpod/AndroidCustomView A collection of complete, hands-on examples teaching Android custom View development in Java, covering effects like animated submit buttons… | 32 | 1811 | maintenance |
| lynnandtonic/a-single-div A showcase project by Lynn Fisher demonstrating CSS drawings created with only a single HTML element (one div). It uses Pug for templating … | 32 | 1809 | maintenance |
| yixiangboy/IOSAnimationDemo A demo project and tutorial summarizing iOS animation techniques using Core Animation, written in Objective-C. It covers CABasicAnimation, … | 32 | 1742 | maintenance |
| zincPower/UI2018 A collection of Android advanced UI knowledge demos and custom view examples, organized into chapters that accompany a WeChat public accoun… | 32 | 1682 | maintenance |
| fireship-io/threejs-scroll-animation-demo A demo repository accompanying a Fireship tutorial showing how to build a 3D scrolling portfolio website with Three.js. It serves as refere… | 32 | 1663 | maintenance |
| codrops/SidebarTransitions A Codrops demo collection showcasing creative CSS transition effects for off-canvas sidebar navigations. It provides example implementation… | 32 | 1655 | maintenance |
| adrianhajdin/iphone A tutorial companion repository that recreates Apple's iPhone 15 Pro marketing website using React, Tailwind CSS, GSAP animations, and Thre… | 25 | 1644 | maintenance |
| codrops/HoverEffectIdeas A collection of CSS-based hover effect demos and inspiration from Codrops, showcasing subtle modern hover styles for web elements. It serve… | 32 | 1643 | maintenance |
| ivanvorobei/awesome-ios A curated, collaborative list of iOS libraries, UI components, and frameworks for Swift developers, organized by category with quick visual… | 23 | 1642 | maintenance |
page 1 / 2 next →