css-animation

There are 5 repositories under css-animation topic.

comehope / front-end-daily-challenges
As of August 2021, 170+ works have been accomplished, challenge yourself each day!
css3 layout effect button loader css gsap html5 animation hover-effects d3 javascript css-images css-shapes css-animation
Language:CSS 736
sButtons / sbuttons
:bulb: Simple buttons you can use easily for your next project.
animation button-animation button-css buttons css css-animation css3 hacktoberfest less lesscss stylesheet
Language:Less 406
scottcgi / MojoJS-Animation
A lightweight and powerful javascript Animation engine.
animation animation-engine css-animation javascript javascript-library
Language:JavaScript 263
a2hs.js
koddr / a2hs.js
📲 A useful modern JavaScript solution that helps your website users to add (install) a progressive web application (PWA) to the Home Screen of their mobile iOS devices.
css-animation css3 homescreen ios ipad iphone ipodtouch javascript js progressive-web-app pwa
Language:JavaScript 170
phuocng / css-animation
Popular CSS animation showcases. You don't need a CSS animation library for them.
css css-animation css-transition front-end-development
Language:MDX 96
rocketseat-content / youtube-form-animate-css-js-puro
youtube animation css-animation
Language:CSS 91
bpsagar / css2video
Python library to convert CSS animations into video
python css css3 css3-animation css-animation video html html5 html-css
Language:Python 68
Lucky-Kashyap / Front-End-Domination-Create-Anything-with-Code
Start with Front-End Journey with Sheryians Coding School (Front-End Domination: Create-Anything-with-Code)
advance-javascript css css-animation css-flexbox css-grid-layout gsap html javascript javascript-dom-manipulation locomotive responsive-web-design scrolltrigger api context-api react-hooks react-js react-router-dom tailwind-css framer-gsap-react
Language:JavaScript 66
isometric-css
elchininet / isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
isometric projection css drawing engineering graphics typescript isometric-projection isometric-css draw engineering-drawing isometric-projections transformation javascript orthogonal orthogonal-projection css-animations css-animation css-transforms css-transformations
Language:TypeScript 47
jh3y / a-guide-to-css-animation
Demo code for "A Guide to CSS Animation"
css css-animations css-animation css-animation-effects css-animation-timmings animation
Language:CSS 44
LuisValladaresC / animaciones-css
Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.
css css-animations css3-animations css3-transitions css-transitions css-transforms css3 css-animation sprite sprites keyframes will-change javascript-animation sprite-animation
Language:CSS 32
rupl / css3playground.com
My collection of experiments and toys built with CSS3.
css 3d-transforms css-transforms css-animation creative-coding
Language:HTML 28
imtiyazCode / css_animation
Animation using HTML And Pure CSS
css-animation css-animations
Language:CSS 27
chicio.github.io
chicio / chicio.github.io
:ghost: Fabrizio Duroni (me :smile:) personal website. Created using GatsbyJS, Styled Components, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
github-pages css-animation github-page fontawesome lighthouse progressive-web-app service-worker github-actions typescript webpack webpack-plugin workbox gatsbyjs react reactjs loadable-components tsparticles styled-components
Language:TypeScript 22
brainwave
sanidhyy / brainwave
Modern Animated SaaS Generative AI Landing Page.
ai animation artificial-intelligence css css-animation framer-motion generative-ai html javascript machine-learning modern-ui-ux react reactjs typescript
Language:JavaScript 21
MarketingPipeline / CSS-Image-Loader
Add a image loader & image load error (without adding an HTML element or using JS).
css css-animation css-animations css-framework css-loader frontend html html-css image-loader image-loading pure-css purecss scss front-end front-end-development css3 javascript proof-of-concept css-tricks
Language:CSS 20
markcellus / wait-for-element-transition
Easily wait for an element to CSS transition using native vanilla JavaScript
css transition transitionend transition-animation wait polymer-element css-animation transition-property react-animation element-transition web-animations-api web-animations es6
Language:TypeScript 19
jh3y / move-things-with-css
The accompanying source for "Move Things With CSS"
css animation cssanimations css3-animations css-animations css-animation css-animation-effects css-transitions css-transition motion motion-design
Language:CSS 18
JeffersonRPM / Landing-page-comida-bebida
A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to a restaurant in my city. In this project, grid, accessibility, responsive design, mobile, transitions, among others, were addressed.
accessibility css-animation css-flexbox css-grid css3 desktop-first food homemade html5 landing-page mobile responsive-web-design transition-animation
Language:CSS 16
edumigueis / Annimay
A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS
css css3 css-animations css3-transitions css3-animations css3-features animation lightweight-css-framework css-framework css3-animation css-animation css-animation-effects css-icons buttons web
Language:CSS 15
SAKryukov / web-presentation
Web browser-based application, analogous to those office presentation applications, in a single file.
html javascript css vector-graphics raster-graphics video animation css-animation svg svg-animation presentation
Language:HTML 13
guillaume-rygn / animation.style
🔮 Free Open Source library of CSS animations! It has never been so easy to animate elements
animation css css-animation
Language:CSS 11
H0rn0chse / NightSky
WebComponent for a night sky full of stars parallax background made with css only
webcomponent night sky nightsky star field starfield background parallax css css-animation
Language:JavaScript 11
luisangelmaciel / Toxel
Toxel is a very good option for CSS styles. Put it to good use!
css css-animation css-animations css-transitions css-framework
Language:HTML 11
Ayub-Begimkulov / retransition
A library that helps you create smooth transitions in your react app.
react css-transition transition animation css-animation typescript
Language:TypeScript 10
gretchenfitze / dulpgame
JS game based on CSS animations & transitions
css-game css-games transition-animation animations css-animations css-animation animation game browser-game
Language:JavaScript 10
crimson-projects / css-pancake-loader
CSS Pancake Loader | Crimson
animation css css-animation loader crimson subux
Language:JavaScript 9
crimson-projects / visa-animation
Visa Card Animation with JavaScript
css css-animation js card-design css3
Language:CSS 9
gmeben / pure-css-animated-gradient-generator
A web tool written in React that generates pure CSS for linearly animated gradients in HTML
reactjs gradient css-animation
Language:JavaScript 8
BoikoYV / online-shop-react
Adaptive online store of goods for pets 🐶🏠 React, Redux
react redux redux-thunk react-hooks jest testing-library css-animation formik yup-validation adaptive-layouts
Language:JavaScript 7
sifrr / sifrr-animate
:cyclone: Animate any mutable object's properties in JS using requestAnimationFrame with Promise based API
animate animation animejs anime css-animation sifrr
Language:JavaScript 7
ashishyadav369 / css-practice-font-bounce-effect
Simple CSS bounce animation
css-animation css3
Language:CSS 5
buppagi / animate.scss
animate.scss의 한글버전입니다.
css scss sass stylesheets css3 animation css-animation scss-animation
Language:CSS 5
WebDevVikramChoudhary / CSS_patterns
css css-animation css-generator css-only css-patterns html only-css-animation
Language:CSS 5
hamzalodhi2023 / Mouse-Effect
This is Mousee Pointer glowing effect using HTML and CSS
css-animation css-animation-effects css-animations css3 mouse mouse-effect pointer-effect thml5
Language:HTML 4
oxica / project-kinetic-css-loader-d23
https://oxica.github.io/project-kinetic-css-loader-d23/
css html mini-project animation css-animation
Language:CSS 4

css-animation

comehope / front-end-daily-challenges

sButtons / sbuttons

scottcgi / MojoJS-Animation

koddr / a2hs.js

phuocng / css-animation

rocketseat-content / youtube-form-animate-css-js-puro

bpsagar / css2video

Lucky-Kashyap / Front-End-Domination-Create-Anything-with-Code

elchininet / isometric-css

jh3y / a-guide-to-css-animation

LuisValladaresC / animaciones-css

rupl / css3playground.com

imtiyazCode / css_animation

chicio / chicio.github.io

sanidhyy / brainwave

MarketingPipeline / CSS-Image-Loader

markcellus / wait-for-element-transition

jh3y / move-things-with-css

JeffersonRPM / Landing-page-comida-bebida

edumigueis / Annimay

SAKryukov / web-presentation

guillaume-rygn / animation.style

H0rn0chse / NightSky

luisangelmaciel / Toxel

Ayub-Begimkulov / retransition

gretchenfitze / dulpgame

crimson-projects / css-pancake-loader

crimson-projects / visa-animation

gmeben / pure-css-animated-gradient-generator

BoikoYV / online-shop-react

sifrr / sifrr-animate

ashishyadav369 / css-practice-font-bounce-effect

buppagi / animate.scss

WebDevVikramChoudhary / CSS_patterns

hamzalodhi2023 / Mouse-Effect

oxica / project-kinetic-css-loader-d23