← 返回首页
animation-css · GitHub Topics · GitHub
Skip to content

Navigation Menu

Toggle navigation
Sign in
Appearance settings
Search or jump to...

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted
Cancel Submit feedback

Saved searches

Use saved searches to filter your results more quickly

Cancel Create saved search
Appearance settings
Resetting focus
Explore Topics Trending Collections Events GitHub Sponsors
#

animation-css

Star

Here are 2,027 public repositories matching this topic...

Language: All
Filter by language
All 2,027 CSS 738 HTML 596 JavaScript 422 TypeScript 110 SCSS 89 Vue 17 PHP 4 Svelte 4 Less 3 Astro 3
Sort: Most stars
Sort options
Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

triggerjs / trigger

Star 1.3k

A library for creating scroll-based animation with HTML attributes and CSS variables.

javascript css animation animation-library animation-css
  • Updated May 10, 2025
  • TypeScript

yamada-ui / yamada-ui

Star 1k

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

react ui-design ui animation uikit a11y emotion ui-components responsive-design dark-mode ui-library animation-css framer-motion yamada-ui
  • Updated Jul 7, 2026
  • TypeScript

heikaimu / vue3-waterfall-plugin

Star 655

vue3 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载

lazyload-images waterfall-layout animation-css vue3
  • Updated Jan 13, 2026
  • Vue

pranjay-poddar / Dev-Geeks

Star 620

open source project

react javascript angular html5 frontend css3 reactjs animation dev pr-welcome first-pull-request-and-commit animation-css website-development good-first-issue good-first-pr
  • Updated Mar 26, 2024
  • Jupyter Notebook

AnshumanMahato / Happy-Birthday-Card

Sponsor
Star 522

This is a web based interactive birthday card.

friend html-css-javascript birthday birthday-wishes birthday-reminder celebration animation-css greetings happybirthday birthday-card happy-birthday birthday-message
  • Updated Jun 15, 2024
  • JavaScript

all-animation / all-animation

Star 492

All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project. They are cross-browser animations which will give more emphases on your pages likes sliding controls and 3D efects...

css animation css-animations scss animations animation-css all-animation
  • Updated Mar 6, 2023
  • SCSS

ashutosh1919 / react-liquidswipe

Sponsor
Star 417

🚀 Smooth Liquid Swipe Animation to transition between different components.

html5 css3 reactjs animation animation-library gatsbyjs animation-css gatsby-site react-spring gatsby-sites react-use-gesture liquidswipe best-website react-liquidswipe react-liquid-swipe react-animation-library gatsby-animations
  • Updated Sep 16, 2021
  • JavaScript

heikaimu / vue-waterfall-plugin

Star 250

vue 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载

vue lazyload-images waterfall-layout animation-css
  • Updated Oct 11, 2024
  • Vue

Spyware007 / Animating-Buttons

Star 238

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

javascript css html reactjs animation button buttons animated hacktoberfest button-animation animation-css animated-buttons animated-button hacktoberfest-accepted
  • Updated Mar 3, 2026
  • JavaScript

brandonmcconnell / typed.css

Sponsor
Star 238

A fully functional and flexible typewriter mixin for SCSS, with Less and Stylus support coming soon! Typed.css supports multiple strings, multi-line strings, variable speeds, per-string styling, animated caret (blinking insertion cursor), directional type-pausing, and much more. It's even accessible! ✨

css less animation css-animations stylus scss lesscss typewriter typing-effect scss-mixins typing-animation animation-css scss-modules stylus-css typewriter-effect animated-text typewriter-animation
  • Updated May 9, 2024
  • SCSS

Vinayak-09 / Vinayak-09.github.io

Sponsor
Star 168

Advance attractive personal portfolio website. It looks like chatting bot. Same design as Whatsapp chat. Lightweighted, Fast. Easy to use.

css html github-pages website portfolio simple portfolio-website whatsapp purecss gradient template-project portfolio-site portfolio-template portfolio-page animation-css portfolio-project simple-website backgroundchange frosted-glass simple-portfolio
  • Updated Mar 5, 2024
  • JavaScript

canopas / tailwind-animations-examples

Star 123

Cool animations implemented with tailwindcss

css vuejs animations animation-css tailwind tailwindcss tailwind-elements tailwind-animations animation-example tailwindcss-animate tailwind-animations-examples animation-examples
  • Updated Dec 30, 2024
  • Vue

kaustubhmenon / animation-library

Star 110

Pure CSS Animation Library.

library css3 animation scss animation-effects animation-library keyframe-animation animation-css latermedia
  • Updated Jun 5, 2025
  • SCSS

codebucks27 / 3D-Landing-page-for-Apple-iPhone

Sponsor
Star 109

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

react threejs landing-page reactjs gsap webapp scrolltrigger rendering-3d-graphics website-template animation-css threejs-example threejs-template
  • Updated Oct 20, 2023
  • JavaScript

dumptyd / tailwind-animatecss

Star 65

animate.css as a Tailwind plugin

plugin animation animatecss animation-css tailwind tailwindcss
  • Updated Jan 1, 2022
  • JavaScript

MinhOmega / react-theme-switch-animation

Sponsor
Star 60

React Theme Switch with smooth animation supports dark and light modes on NextJS, ReactJS, and more ...

theme hook typescript dark-theme reactjs nextjs animation-effects animation-css react-themes nextjs14-typescript
  • Updated Jun 10, 2026
  • TypeScript

benhatsor / filmstrip

Star 60

Quick and easy animation editor for the web.

javascript css editor tools simple animation draw animations animatecss keyframes animator animate-css animation-css filmstrip
  • Updated Aug 31, 2024
  • JavaScript

alvaromontoro / bezos-calculator

Sponsor
Star 55

Small app that shows how much Jeff Bezos gained since the user started reading the page.

css html calculator hacktoberfest earnings animation-css bezos hacktoberfest2022
  • Updated Oct 1, 2022
  • HTML

codebucks27 / Apple-iphone-3d-landing-page-starter-Code

Sponsor
Star 54

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

react javascript threejs landing-page styled-components creative-coding reactjs gsap scrolltrigger rendering-3d-graphics website-template animation-css gsap-scrolltrigger
  • Updated Oct 20, 2023
  • JavaScript

YuniqueUnic / animated-sign-4u

Star 45

Animated Sign 4u is a small Next.js app and HTTP API for generating animated signature SVGs and static PNG/GIF images. You can: Type a name/signature and pick a script/brand fontAnimated Sign ZH Apply themes (backgrounds, textures, glow/shadow) Use per-character colors or gradients Enable Hanzi stroke-by-stroke animation

api typescript animation signature free static-website animation-css
  • Updated Feb 4, 2026
  • TypeScript
Load more…

Improve this page

Add a description, image, and links to the animation-css topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the animation-css topic, visit your repo's landing page and select "manage topics."

Learn more

Footer

© 2026 GitHub, Inc.