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.

  animationanimation-cssanimation-librarycssjavascript
  Language:TypeScript 1267
• yamada-ui

  yamada-ui / yamada-ui

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

  animationanimation-cssemotionreactuiui-componentsui-designui-librarydark-moderesponsive-designuikityamada-uiframer-motiona11y
  Language:TypeScript 954

• heikaimu / vue3-waterfall-plugin

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

  vue3waterfall-layoutanimation-csslazyload-images
  Language:Vue 633
• Dev-Geeks

  pranjay-poddar / Dev-Geeks

  open source project

  angularanimationanimation-csscss3devfirst-pull-request-and-commitfrontendgood-first-issuegood-first-prhtml5javascriptpr-welcomereactreactjswebsite-development
  Language:Jupyter Notebook 618

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

  all-animationanimationanimation-cssanimationscsscss-animationsscss
  Language:SCSS 493
• 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 443
• 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 418

• heikaimu / vue-waterfall-plugin

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

  animation-csslazyload-imagesvuewaterfall-layout
  Language:Vue 248

• 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 239

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

  animated-textanimationanimation-csscsscss-animationslesslesscssscssscss-mixinsscss-modulesstylusstylus-csstypewritertypewriter-animationtypewriter-effecttyping-animationtyping-effect
  Language:SCSS 233

• 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 175

• canopas / tailwind-animations-examples

  Cool animations implemented with tailwindcss

  animationscsstailwindcsstailwind-animationsvuejsanimation-cssanimation-exampletailwindtailwind-elementstailwind-animations-examplestailwindcss-animateanimation-examples
  Language:Vue 123

• kaustubhmenon / animation-library

  Pure CSS Animation Library.

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

• 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 100

• dumptyd / tailwind-animatecss

  animate.css as a Tailwind plugin

  tailwindtailwindcssanimatecssanimation-cssanimationplugin
  Language:JavaScript 65

• benhatsor / filmstrip

  Quick and easy animation editor for the web.

  animate-cssanimatecssanimationanimation-cssanimationsanimatorcssdraweditorfilmstripjavascriptkeyframessimpletools
  Language:JavaScript 58
• 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 51

• alvaromontoro / bezos-calculator

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

  bezosearningscalculatoranimation-csscsshtmlhacktoberfesthacktoberfest2022
  Language:HTML 48

• jaenfigueroa / MnCraft

  Minecraft Game made with pure css and javascript

  3d-graphicsanimation-csscsscss-animationscss3html-css-javascripthtml5vanilla-javascriptjavascriptminecraftgamegame-developmentgamesjaencraft
  Language:CSS 41

• MinhOmega / react-theme-switch-animation

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

  animation-cssanimation-effectsdark-themehooknextjsnextjs14-typescriptreact-themesreactjsthemetypescript
  Language:TypeScript 41

• facinick / MultiLevelDropUpReact

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

  animation-csscomponentcssdropdown-menusmenumultilevel-menureactreactjstypescriptui
  Language:JavaScript 40
• isomorphic-table-cards

  evoluteur / isomorphic-table-cards

  Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just vanilla Javascript, CSS, and HTML).

  animated-transitionsanimationanimation-cssanimation-effectscardcardscards-viewscardviewcss-animationscss3-animationsisomorphicisomorphismjavascriptmorphtabletable-viewtabular-datatransformationtransitiontransition-animation
  Language:JavaScript 37

• koolkishan / travel-agency-template

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

  javascriptcsshtmlresponsive-web-designanimation-cssscroll-reveal-animationsscssyoutubecss3
  Language:SCSS 28

• sreyounpann / HappyAnniversaryFlower

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

  animation-cssflowershtml-css-javascriptsunflower
  Language:SCSS 27

• le-nn / blazor-transition-group

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

  blazorasp-net-coreblazor-componentblazor-webassemblyanimationanimation-css
  Language:C# 26

• Weaverse / animate-loading-bar

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

  animation-cssloading-bartinyshopify-loadinggithub-loading-barjsfiddle-loading-bargithub
  Language:TypeScript 26
• 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

• codeaashu / Animated-text-rotation

  Creating Very cool animated text rotation without break using HTML , CSS & JS .

  animationanimation-cssanimation-jsgithub-pagestext-animationtext-animation-html-csstext-rotationweb-developmentwebdesigning
  Language:JavaScript 22

• 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 21

• 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 21

• codeaashu / Profile-Card-Animated-Design

  Creating Animated Profile Card Design of our favourite cricketer #legend MS Dhoni using HTML & CSS.

  animationanimation-csscardscsscss-animationscssanimationcsshovergithub-pageshtmlhtmlcssprofile
  Language:CSS 20

• shuence / FitClub

  FitClub : A best Fitness Club Landing Page In Reactjs

  animation-cssfitnessjavascriptjsxlanding-pagereact18reactjsresponsive-designresponsive-layoutfitness-website
  Language:JavaScript 20

• 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 20

• Latermedia / animation-library

  Pure CSS Animation Library

  cssscssanimation-cssanimation-librarykeyframescss3
  Language:CSS 18

• techjuliana / Animation-batman

  Animation Batman em CSS

  animationanimation-cssbatmancssdchtml
  Language:CSS 18

• d-coder111 / The-Wizards-Sorting-Hat

  The-Wizards-Sorting-Hat🎩🧙‍♂️✨- A fun web-based quiz that determines which Hogwarts House (Gryffindor, Hufflepuff, Ravenclaw, or Slytherin) you belong to based on your personality traits.

  begginer-projectbeginner-friendlycsshacktoberfesthacktoberfest-acceptedhtmljavascriptwebbeginner-codecontributions-welcomeanimation-csswebappwebsitedesignfigmawebdevelopment
  Language:JavaScript 17