animation-css

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

UpdatedMar 6, 2023
SCSS

AnshumanMahato /Happy-Birthday-Card

Sponsor

Star427

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

UpdatedJun 15, 2024
JavaScript

ashutosh1919 /react-liquidswipe

Sponsor

Star417

🚀 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

UpdatedSep 16, 2021
JavaScript

heikaimu /vue-waterfall-plugin

Star246

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

vue lazyload-images waterfall-layout animation-css

UpdatedOct 11, 2024
Vue

Spyware007 /Animating-Buttons

Star239

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

UpdatedOct 2, 2025
JavaScript

brandonmcconnell /typed.css

Sponsor

Star231

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

UpdatedMay 9, 2024
SCSS

Vinayak-09 /Vinayak-09.github.io

Sponsor

Star175

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

UpdatedMar 5, 2024
JavaScript

canopas /tailwind-animations-examples

Star123

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

UpdatedDec 30, 2024
Vue

kaustubhmenon /animation-library

Star110

Pure CSS Animation Library.

library css3 animation scss animation-effects animation-library keyframe-animation animation-css latermedia

UpdatedJun 5, 2025
SCSS

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

Sponsor

Star99

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