Topic

css-animations

Repositories (2264)

Trig-JS
Trig-JS iDev-Games CSS

Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom anima...

168
react-powerglitch
react-powerglitch 7PH TypeScript

Tiny React library to glitch anything on the web

164
usal
usal usaljs JavaScript

USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple โœจ

144
skelet
skelet Selekkt HTML

Skelet.css a contemporary CSS framework. The basics to get started.

141
slide-and-swipe-menu
slide-and-swipe-menu JoanClaret JavaScript

:zap: A sliding swipe menu that works with touchSwipe library.

137
tachyons-animate
tachyons-animate anater CSS

Single purpose classes to help you orchestrate CSS animations

137
thegoodman
thegoodman podrivo CSS

An experiment with basic CSS3 animations.

131
w11CSS
w11CSS Laaouatni HTML

Windows 11 UI WEB-BASED. works directly on your Browser! made by Laaouatni. Using only HTML, CSS and Vanilla Javascript (No Framework)

128
Tinseltown.js
Tinseltown.js Antrikshy JavaScript

A lightweight CSS/JS library for faux hacker-movie-style page loading effects

119
ChatPlus
ChatPlus aladinyo JavaScript

ChatPlus is a progressive web app developped with React, NodeJS, Firebase and other services

118
UI-Animation
UI-Animation parthwebdev CSS

Some UI Component Animation from my Instagram Page.

107
AAG-Visualizer
AAG-Visualizer ByronHsu JavaScript

๐ŸŒ† ๐Ÿ™ ๐ŸŒƒ Viz.js Graphviz - An Elegant Visualizer for And-Inverter Graph

103
css-animations-pocket-guide
css-animations-pocket-guide daliannyvieira CSS

A pocket guide to get started writing CSS Animations. :sparkles:

98
css-collection
css-collection BcRikko CSS

๐Ÿง™โ€โ™‚๏ธ CSS่Šธไบบใธใฎ้“๏ผˆCSSใงใคใใฃใŸใ‚‚ใฎ้›†๏ผ‰| I want to be CSS Magician

95
Free-Responsive-Web-UI-Kit---Dashboard-Template-bootstrap
Free-Responsive-Web-UI-Kit---Dashboard-Template-bootstrap fazeelkhalid HTML

It's a folder of fully featured dashboard and admin template comes with tones of well designed UI elements, components, widgets and pages. It uses boo...

94
CSS-Collection
CSS-Collection Afif13

A wide variety of animations done using only CSS

92
css-animation-event
css-animation-event magnetikonline JavaScript

Cross browser library for handling CSS animation and transition DOM events with a fallback pattern for unsupported browsers.

91
aprendendo-css
aprendendo-css natalia-fs CSS

Vรกrios desenhos feitos com CSS e SCSS (e as vezes um pouco de JavaScript)

88
fuze
fuze i-break-codes Vue

A simple CSS Gradient Animator tool built with Vue and Vuex.

87
ui-components
ui-components brainly HTML

:lipstick: Library of UI components

83
mini-samples-great-tricks
mini-samples-great-tricks ecemgo CSS

This repository includes mini samples using CSS animations or JS libraries to create sliders, dashboards, landing pages and login forms. You can find...

81
css-animator
css-animator fabiandev TypeScript

Animate elements using CSS classes with support for Angular.

80
motion-dev-animations-skill
motion-dev-animations-skill 199-biotechnologies TypeScript

Claude Code skill for Motion.dev -- 120fps web animations, spring physics, scroll effects, gesture interactions

80
Pure-CSS3-Animated-Border
Pure-CSS3-Animated-Border code-fx CSS

Pure CSS3 animated border for all html element.

78
react-preloaders
react-preloaders VamOSGS JavaScript

๐ŸŒŒPackage for adding preloaders to your React apps

78
Kodama
Kodama WilliamStaudenmeier CSS

Simple CSS and JS animation of the Japanese tree-spirit: https://codepen.io/WilliamStaudenmeier

78
Advance-CSS-40-Projects
Advance-CSS-40-Projects HuXn-WebDev HTML

Build Amazing Animations/Effects With Advance CSS ๐Ÿ’™

77
Ramen-Timer
Ramen-Timer aocattleya CSS

โฐ Countdown timer๏ผˆ3min or 5min๏ผ‰/ Vue.js + PWA + CSS animation + Character Design

75
data-anim
data-anim ryo-manba TypeScript

Animate with just HTML. Drop-in animations using data attributes.

75
Catto-CSS
Catto-CSS Avalojandro CSS

Library of CSS animations easy and quick to use

74
isometric-css
isometric-css elchininet TypeScript

Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.

74
css-animations-demo
css-animations-demo pb03 Vue

Live Demo: https://pb03.github.io/css-animations-demo/

72
learn-css-animation
learn-css-animation atapas HTML

Learn CSS animation with fun. It is simple, easy to use, and fun to learn.

64
React-Travel-App
React-Travel-App lastnamearya JavaScript

React.js - Weekend hackathon app

64
Landing-Page-Animation
Landing-Page-Animation Kvaibhav01 CSS

Landing page animation made using CSS

62
Morphist
Morphist MrSaints JavaScript

A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.

61
jcSlider
jcSlider JoanClaret HTML

:snowboarder: A responsive slider jQuery plugin with CSS animations

61
wac
wac rcaferati TypeScript

Tiny JS/TS utility for CSS transitionend/animationend callbacks and rAF-based frame/layout timing helpers. ๐Ÿ“š๐Ÿ–ฅ๏ธ๐Ÿ“ฑ

60
Ripple-without-JS
Ripple-without-JS Kvaibhav01 CSS

Create Material Design ripple effect in your HTML without using a single line of JS.

56
rainbowsafari
rainbowsafari koole HTML

๐ŸŒˆ Hide sticky headers and color the menu bar on Safari for Yosemite

55
beamtoix
beamtoix a-bentofreire TypeScript

frame-by-frame Web Animation framework

54
InteriorWebsite
InteriorWebsite pras75299 HTML

Static Website for Interior Decorator company

54
Landing-page-anime
Landing-page-anime JeffersonRPM HTML

A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to anime, the theme adopted is dark mode. In this project, gr...

51
nedry
nedry MarkHjorth HTML

Animated Access Denied page with sound, featuring Dennis Nedry from Jurassic Park - Ah Ah Ah, you didn't say the magic word.

50
Urban-Sound-Classification-with-UrbanSound8K-Dataset
Urban-Sound-Classification-with-UrbanSound8K-Dataset Hazrat-Ali9

๐Ÿ•Œ Urban ๐Ÿšƒ Sound ๐Ÿš‹ Classification ๐Ÿšž with โ›ฉ UrbanSound8K ๐Ÿš Dataset is ๐Ÿ›ณ a deep ๐Ÿš  learning ๐Ÿšข that โœˆ classifies ๐Ÿš€ urban ๐Ÿ›ผ sound โ›ฑ events ๐Ÿšˆ the...

47
Frontend-Animations
Frontend-Animations pulkit-30 CSS

Beautiful Frontend Animations.

47
a-guide-to-css-animation
a-guide-to-css-animation jh3y CSS

Demo code for "A Guide to CSS Animation"

46
Responsive-LMS-Website-HTML-CSS-Javascript
Responsive-LMS-Website-HTML-CSS-Javascript tech2etc HTML

Learn How to make responsive website using html css step by step. Create 7 different pages in this tutorial

46
Amazon-Clone-01
Amazon-Clone-01 Swap-nil-2003 HTML

Amazon Clone using HTML,CSS and Javascript

45
isomorphic-table-cards
isomorphic-table-cards evoluteur HTML

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

45