animation-css

There are 11 repositories under animation-css topic.

• triggerjs / trigger

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

  cssjavascriptanimationanimation-libraryanimation-css
  Language:TypeScript 1232
• Dev-Geeks

  pranjay-poddar / Dev-Geeks

  open source project

  frontendangularhtml5css3javascriptreactanimationreactjsanimation-csswebsite-developmentdevpr-welcomefirst-pull-request-and-commitgood-first-issuegood-first-pr
  Language:Jupyter Notebook 592

• all-animation / all-animation

  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...

  cssall-animationanimationsanimationanimation-csscss-animationsscss
  Language:SCSS 491
• yamada-ui

  yamada-ui / yamada-ui

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

  animationanimation-cssdark-modeemotionframer-motionreactreactjsresponsive-designuiui-componentsui-designui-libraryuikityamada-ui
  Language:TypeScript 483
• react-liquidswipe

  ashutosh1919 / react-liquidswipe

  🚀 Smooth Liquid Swipe Animation to transition between different components.

  liquidswipereactjsanimationreact-use-gesturereact-liquidswipereact-liquid-swipereact-animation-libraryanimation-cssanimation-librarygatsbyjsgatsby-sitegatsby-animationshtml5css3react-springgatsby-sitesbest-website
  Language:JavaScript 396

• heikaimu / vue3-waterfall-plugin

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

  animation-csslazyload-imagesvue3waterfall-layout
  Language:TypeScript 324

• Spyware007 / Animating-Buttons

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

  animatedanimated-buttonanimated-buttonsanimationanimation-cssbuttonbutton-animationbuttonscsshacktoberfesthacktoberfest-acceptedhtmljavascriptreactjs
  Language:JavaScript 238
• Happy-Birthday-Card

  AnshumanMahato / Happy-Birthday-Card

  This is a web based interactive birthday card.

  birthday-cardhappy-birthdayhappybirthdayfriendgreetingsanimation-csscelebrationbirthdayhtml-css-javascriptbirthday-messagebirthday-reminderbirthday-wishes
  Language:JavaScript 230

• heikaimu / vue-waterfall-plugin

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

  vuewaterfall-layoutanimation-csslazyload-images
  Language:Vue 226

• brandonmcconnell / typed.css

  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! ✨

  scssscss-mixinsscss-modulestypewritertypewriter-effectanimated-textanimationanimation-csscss-animationscsslesslesscssstylusstylus-csstyping-animationtyping-effecttypewriter-animation
  Language:SCSS 202

• Vinayak-09 / Vinayak-09.github.io

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

  portfolioportfolio-websitegithub-pagespurecsscsshtmlwebsitesimplesimple-websitesimple-portfolioportfolio-pageportfolio-templatetemplate-projectfrosted-glassgradientbackgroundchangeanimation-csswhatsappportfolio-siteportfolio-project
  Language:JavaScript 123

• canopas / tailwind-animations-examples

  Cool animations implemented with tailwindcss

  animation-cssanimation-exampleanimation-examplesanimationscsstailwindtailwind-animationstailwind-animations-examplestailwind-elementstailwindcsstailwindcss-animatevuejs
  Language:Vue 113

• kaustubhmenon / animation-library

  Pure CSS Animation Library. Made with love at Later.com

  animationanimation-csscss3scsskeyframe-animationlatermedialibraryanimation-libraryanimation-effects
  Language:SCSS 97

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

  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.

  animation-cssgsaplanding-pagereactreactjsrendering-3d-graphicsscrolltriggerthreejsthreejs-examplethreejs-templatewebappwebsite-template
  Language:JavaScript 77

• dumptyd / tailwind-animatecss

  animate.css as a Tailwind plugin

  tailwindtailwindcssanimatecssanimation-cssanimationplugin
  Language:JavaScript 63

• benhatsor / filmstrip

  Quick and easy animation editor for the web.

  animationanimation-cssanimationsanimatecssanimatoranimate-csscssdrawjavascripteditorsimpletoolsfilmstripkeyframes
  Language:JavaScript 58

• alvaromontoro / bezos-calculator

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

  bezosearningscalculatoranimation-csscsshtmlhacktoberfesthacktoberfest2022
  Language:HTML 46
• Apple-iphone-3d-landing-page-starter-Code

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

  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.

  animation-csscreative-codinggsapgsap-scrolltriggerjavascriptlanding-pagereactreactjsrendering-3d-graphicsscrolltriggerstyled-componentsthreejswebsite-template
  Language:JavaScript 43

• facinick / MultiLevelDropUpReact

  A react based multi level drop up menu with css animations.

  animation-csscomponentcssdropdown-menusmenumultilevel-menureactreactjstypescriptui
  Language:JavaScript 40

• jaenfigueroa / MnCraft

  Minecraft Game made with pure css and javascript

  3d-graphicsanimation-csscsscss-animationscss3gamegame-developmentgameshtml-css-javascripthtml5jaencraftjavascriptminecraftvanilla-javascript
  Language:CSS 40

• techjuliana / Animation-Vanilla

  Animation Vanilla JavaScript

  animationanimation-csscsscss-animationscss3htmljavascriptprojetovanillavanilla-javascript
  Language:JavaScript 30

• Weaverse / animate-loading-bar

  1kb loading bar like Shopify, Github, JSFiddle... that works!

  animation-cssloading-bartinyshopify-loadinggithub-loading-barjsfiddle-loading-bargithub
  Language:HTML 26

• le-nn / blazor-transition-group

  An easy way to perform animations when a Blazor component enters or leaves the DOM

  animationanimation-cssasp-net-coreblazorblazor-componentblazor-webassembly
  Language:C# 25

• koolkishan / travel-agency-template

  Travel Agency Responsive Website Design Using HTML, CSS and JavaScript.

  javascriptcsshtmlresponsive-web-designanimation-cssscroll-reveal-animationsscssyoutubecss3
  Language:SCSS 23
• WilliamStaudenmeier.github.io

  WilliamStaudenmeier / WilliamStaudenmeier.github.io

  Studio Ghibli inspired GitHub Pages: https://williamstaudenmeier.github.io/

  github-pageshayao-miyazakijavascriptstudio-ghiblianimation-cssghiblighibli-appghibli-filmmiyazakimiyazaki-hayaomononokijavascript-animationanimekodama
  Language:CSS 23

• yashfalke77 / portfolio

  Hello! My name is Yash Falke and this is my portfolio .I’m a Front-End Developer located in India and i have a serious passion for UI effects, animations and creating intuitive, dynamic user experiences.

  animation-cssportfolioreact-portfolioreactjsscss
  Language:TypeScript 20

• abdellatifAhammad / Viral-Couch-Animation

  the story behind this project is that I saw a video on Instagram and I like this design, after searching I find that it was created by Cosmin Capitanu on dribble, and I decide to try to turn it to code using CSS only, yeah that's it, enjoy it.

  animationanimation-csscss3designhtml5
  Language:CSS 18

• sreyounpann / HappyAnniversaryFlower

  This Sunflower Project with animation for click more to see more flower pop up

  animation-cssflowershtml-css-javascriptsunflower
  Language:SCSS 18

• vatsalsinghkv / image-animations

  Discover captivating text animations on Image Animations! Engage with interactive card components that come to life with stunning hover and click effects. Explore now!

  animationanimation-csscsscss-animationshacktoberfesthacktoberfest-2023hacktoberfest2023image-effectsimagesopen-sourcesassvite
  Language:SCSS 18

• emiliosnic / icon-patterns

  Include animated CSS icon patterns in your background

  animation-cssanimation-effectscss3icon-patternsiconsetpatterns
  Language:JavaScript 17

• techjuliana / Animation-batman

  Animation Batman em CSS

  animationanimation-cssbatmancssdchtml
  Language:CSS 17

• karthik558 / Glassfolio

  This is an open-source portfolio with a minimalist design inspired by Glassmorphism. It is designed to be simple yet visually appealing and can be customized to suit individual preferences.

  animation-csshtml-cssresponsive-web-designopensource-porfolio-websiteinteractive-design
  Language:CSS 15

• ssbc / visual-docs

  Diagrams and animations documenting Secure Scuttlebutt (scuttlebutt.nz) and Āhau (ahau.io)

  svg-animationsssbdocumentationdiagramsanimationanimation-css
  Language:JavaScript 15

• moushicheng / easy-animation

  A frame animation generator by 'clip-path'

  cssjavascriptanimation-cssanimationclip-pathfront-end
  Language:Vue 14

• Rajacharles / React-JS-Parlour-Animation-Website-with-Framer-Motion

  React JS Parlour Animation Website with Framer Motion

  reatctjsframer-motionreact-nativeanimation-cssreactjs-componentsstyled-components
  Language:JavaScript 14

• SharjeelSafdar / project9a-shopping-cart-with-redux

  This shopping cart web app is built to learn and demonstrate the use of Redux with react. The app uses @reduxjs/toolkit library which is an official opinionated version of react-redux. The app is developed using Test Driven Development (TDD) approach.

  reduxreduxtoolkitreacttddstate-managementtypescriptanimation-cssnetlify
  Language:TypeScript 13