Topic

css-animations

Repositories (2214)

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

161
react-powerglitch
react-powerglitch 7PH TypeScript

Tiny React library to glitch anything on the web

160
skelet
skelet Selekkt HTML

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

142
slide-and-swipe-menu
slide-and-swipe-menu JoanClaret JavaScript

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

138
usal
usal usaljs JavaScript

USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨

138
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)

126
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

119
UI-Animation
UI-Animation parthwebdev CSS

Some UI Component Animation from my Instagram Page.

106
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

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

90
CSS-Collection
CSS-Collection Afif13

A wide variety of animations done using only CSS

88
fuze
fuze i-break-codes Vue

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

87
aprendendo-css
aprendendo-css natalia-fs CSS

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

87
ui-components
ui-components brainly HTML

:lipstick: Library of UI components

83
css-animator
css-animator fabiandev TypeScript

Animate elements using CSS classes with support for Angular.

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

79
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
Ramen-Timer
Ramen-Timer aocattleya CSS

⏰ Countdown timer(3min or 5min)/ Vue.js + PWA + CSS animation + Character Design

75
Catto-CSS
Catto-CSS Avalojandro CSS

Library of CSS animations easy and quick to use

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

Build Amazing Animations/Effects With Advance CSS 💙

73
css-animations-demo
css-animations-demo pb03 Vue

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

72
data-anim
data-anim ryo-manba TypeScript

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

72
isometric-css
isometric-css elchininet TypeScript

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

68
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
jcSlider
jcSlider JoanClaret HTML

:snowboarder: A responsive slider jQuery plugin with CSS animations

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

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

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

Demo code for "A Guide to CSS Animation"

46
Frontend-Animations
Frontend-Animations pulkit-30 CSS

Beautiful Frontend Animations.

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

Amazon Clone using HTML,CSS and Javascript

45
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

45
cssloaders.github.io
cssloaders.github.io cssloaders JavaScript

CSS Loaders is a collection of different types of CSS loaders, spinners and their source code

43
css-collection
css-collection JungKyuHyun TypeScript

Storybook 및 CSS 애니메이션, 그래픽 공부

43
word-beater
word-beater Contrevien CSS

:computer: Typing Game, inspired by Brad Traversy

42