css-animation | Topic | Ecosyste.ms: Repos

Topic: "css-animation"

comehope/front-end-daily-challenges

As of August 2021, 170+ works have been accomplished, challenge yourself each day!

Language: CSS - Size: 714 KB - Last synced at: 14 days ago - Pushed at: over 1 year ago - Stars: 742 - Forks: 154

sButtons/sbuttons 📦

:bulb: Simple buttons you can use easily for your next project.

Language: Less - Size: 16.3 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 403 - Forks: 555

scottcgi/MojoJS-Animation

A lightweight and powerful javascript Animation engine.

Language: JavaScript - Size: 343 KB - Last synced at: about 2 months ago - Pushed at: almost 4 years ago - Stars: 265 - Forks: 10

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.

Language: JavaScript - Size: 3.29 MB - Last synced at: 15 days ago - Pushed at: 19 days ago - Stars: 177 - Forks: 23

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)

Language: JavaScript - Size: 54.4 MB - Last synced at: about 1 month ago - Pushed at: 9 months ago - Stars: 112 - Forks: 58

phuocng/css-animation

Popular CSS animation showcases. You don't need a CSS animation library for them.

Language: MDX - Size: 1.63 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 108 - Forks: 8

sanidhyy/brainwave

Modern Animated SaaS Generative AI Landing Page.

Language: JavaScript - Size: 13.8 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 97 - Forks: 20

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

Language: CSS - Size: 5.86 KB - Last synced at: 24 days ago - Pushed at: over 5 years ago - Stars: 90 - Forks: 47

bpsagar/css2video

Python library to convert CSS animations into video

Language: Python - Size: 41 KB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 69 - Forks: 12

elchininet/isometric-css

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

Language: TypeScript - Size: 11.3 MB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 60 - Forks: 6

jh3y/a-guide-to-css-animation

Demo code for "A Guide to CSS Animation"

Language: CSS - Size: 71.3 KB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 46 - Forks: 11

LuisValladaresC/animaciones-css

Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.

Language: CSS - Size: 57.6 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 32 - Forks: 21

rupl/css3playground.com

My collection of experiments and toys built with CSS3.

Language: HTML - Size: 2.46 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 27 - Forks: 7

imtiyazCode/css_animation

Animation using HTML And Pure CSS

Language: CSS - Size: 17.6 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 24 - Forks: 9

MarketingPipeline/CSS-Image-Loader

Add a image loader & image load error (without adding an HTML element or using JS).

Language: CSS - Size: 58.6 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 23 - Forks: 6

chicio/chicio.github.io 📦

:ghost: Fabrizio Duroni (me :smile:) personal website. Created using GatsbyJS, Styled Components, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.

Language: TypeScript - Size: 513 MB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 22 - Forks: 2

jh3y/move-things-with-css

The accompanying source for "Move Things With CSS"

Language: CSS - Size: 24.4 KB - Last synced at: about 2 months ago - Pushed at: almost 5 years ago - Stars: 22 - Forks: 4

markcellus/wait-for-element-transition

Easily wait for an element to CSS transition using native vanilla JavaScript

Language: TypeScript - Size: 1.39 MB - Last synced at: 15 days ago - Pushed at: about 2 years ago - Stars: 20 - Forks: 1

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.

Language: CSS - Size: 4.09 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 16 - Forks: 2

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

Language: CSS - Size: 158 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 15 - Forks: 0

SAKryukov/web-presentation

Web browser-based application, analogous to those office presentation applications, in a single file.

Language: HTML - Size: 12.3 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 13 - Forks: 6

H0rn0chse/NightSky

WebComponent for a night sky full of stars parallax background made with css only

Language: JavaScript - Size: 10.6 MB - Last synced at: about 2 months ago - Pushed at: about 1 year ago - Stars: 12 - Forks: 1

luisangelmaciel/Toxel

Toxel is a very good option for CSS styles. Put it to good use!

Language: HTML - Size: 116 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 11 - Forks: 0

guillaume-rygn/animation.style

🔮 Free Open Source library of CSS animations! It has never been so easy to animate elements

Language: CSS - Size: 849 KB - Last synced at: 28 days ago - Pushed at: over 1 year ago - Stars: 11 - Forks: 4

gretchenfitze/dulpgame

JS game based on CSS animations & transitions

Language: JavaScript - Size: 650 KB - Last synced at: about 1 month ago - Pushed at: 9 months ago - Stars: 10 - Forks: 1

Ayub-Begimkulov/retransition

A library that helps you create smooth transitions in your react app.

Language: TypeScript - Size: 764 KB - Last synced at: 19 days ago - Pushed at: over 3 years ago - Stars: 10 - Forks: 0

crimson-projects/css-pancake-loader

CSS Pancake Loader | Crimson

Language: JavaScript - Size: 13.7 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 7 - Forks: 0

sifrr/sifrr-animate

:cyclone: Animate any mutable object's properties in JS using requestAnimationFrame with Promise based API

Language: JavaScript - Size: 1.57 MB - Last synced at: 14 days ago - Pushed at: over 2 years ago - Stars: 7 - Forks: 2

ddosnotification/snow-theme

✨ Add beautiful snowfall effects to any website with a single line of code. Lightweight Christmas/Winter theme animation in pure JavaScript.

Language: HTML - Size: 40 KB - Last synced at: about 2 months ago - Pushed at: 5 months ago - Stars: 6 - Forks: 2

gmeben/pure-css-animated-gradient-generator

A web tool written in React that generates pure CSS for linearly animated gradients in HTML

Language: JavaScript - Size: 1.52 MB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 6 - Forks: 2

MeroVinggen/CSS-3D-Dungeon

A small web quest in 3D medieval dungeon environment, built on web technologies using native html and css. Textures and lighting were created using css blend modes & transform.

Language: HTML - Size: 16.3 MB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 6

WebDevVikramChoudhary/CSS_patterns

Language: CSS - Size: 1.95 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 5 - Forks: 0

BoikoYV/online-shop-react

Adaptive online store of goods for pets 🐶🏠 React, Redux

Language: JavaScript - Size: 6.27 MB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 5 - Forks: 4

kurtuluserturk/game-portal

Game portal with SCSS

Language: JavaScript - Size: 5.58 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 5 - Forks: 0

CodeAligo/fes_lottery

Lottery System

Language: Go - Size: 4.7 MB - Last synced at: over 1 year ago - Pushed at: over 6 years ago - Stars: 5 - Forks: 1

saeedkohansal/JavaScript-Internet-Connection-Checker-Real-Time

It's a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification

Language: HTML - Size: 112 KB - Last synced at: 2 months ago - Pushed at: 11 months ago - Stars: 4 - Forks: 2

Blobfolio/blob-slide 📦

A lightweight, dependency-free Javascript animation library to toggle elements from nothingness to somethingness and vice versa, using a vertical or horizontal slide animation.

Language: JavaScript - Size: 62.5 KB - Last synced at: about 3 hours ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

hamzalodhi2023/Mouse-Effect

This is Mousee Pointer glowing effect using HTML and CSS

Language: HTML - Size: 317 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

crimson-projects/visa-animation

Visa Card Animation with JavaScript

Language: CSS - Size: 135 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 4 - Forks: 0

Preetiraj3697/Ludo-The-Game Fork of Godzilla5111/Ludo-The-Game

This is a simple 2 player Ludo Game!

Size: 486 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 4 - Forks: 0

oxica/project-kinetic-css-loader-d23

https://oxica.github.io/project-kinetic-css-loader-d23/

Language: CSS - Size: 1.95 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 4 - Forks: 0

flowforfrank/day-n-night

🌞 Day and night toggle switch created with CSS

Language: CSS - Size: 1.76 MB - Last synced at: about 2 months ago - Pushed at: over 4 years ago - Stars: 4 - Forks: 2

buppagi/animate.scss

animate.scss의 한글버전입니다.

Language: CSS - Size: 7.45 MB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 4 - Forks: 1

R-H-T/football

Table Football – React Web App – A simplified score tracking React web app designed to run on Mobile, Desktop and TV, and projected on a building on fun events. 🏢✌️🔦

Language: JavaScript - Size: 3.26 MB - Last synced at: about 2 years ago - Pushed at: almost 7 years ago - Stars: 4 - Forks: 2

Iqbolshoh/css-animation-pack

🎨 CSS Animation Pack A cool collection of diverse CSS animations! 🚀 From animation-1.html to animation-4.html — each packed with unique, smooth, and modern motion effects 💥🌀. Easy to use and perfect for adding life to your projects! ✨🔥

Language: HTML - Size: 28.3 KB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 3 - Forks: 0

Saganaki22/LofiLamp

Interactive SVG lava lamp with dynamic blob animations, color customization, and integrated lofi music player.

Language: HTML - Size: 94.7 KB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 3 - Forks: 0

DenisLopatin/animation-assistant

Assistant for working with CSS animations

Language: TypeScript - Size: 1.81 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 3 - Forks: 0

n3ps/package-json-credits

Turn any package.json into movie credits

Language: Vue - Size: 1.93 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

AnniePawl/Pure-CSS

Experimenting with CSS

Language: SCSS - Size: 4.37 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

martatomchuck/zombie-game

Simple desktop game based on JavaScript, CSS animations and CSS sprites

Language: JavaScript - Size: 773 KB - Last synced at: about 2 years ago - Pushed at: over 5 years ago - Stars: 3 - Forks: 0

lzmhhh123/design-project

A company website with some web-animation

Language: JavaScript - Size: 224 MB - Last synced at: about 1 year ago - Pushed at: over 7 years ago - Stars: 3 - Forks: 0

hongkiat/css-cubic-bezier

How to use cubic-bezier to create custom animation speed

Language: HTML - Size: 27.3 KB - Last synced at: over 2 years ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 0

IbrahimTanyalcin/RafX

requestAnimationFrame based `thenable` for animations and task management

Language: JavaScript - Size: 9.57 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 2 - Forks: 0

pitambersingh729/javascript-custom-tabs

Javascript Custom Tabs

Language: HTML - Size: 6.84 KB - Last synced at: 7 months ago - Pushed at: 7 months ago - Stars: 2 - Forks: 0

izzyluuuuh/card-hover-effects

Card Hover Effects Using HTML & CSS

Language: CSS - Size: 12.8 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

devsujay19/DNA-using-HTML-and-CSS

A Simple D.N.A. (DeoxyriboNucleic Acid) Rotation.

Language: CSS - Size: 5.86 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 2

ajuteixeira/confeitaria-lp

Landing page desenvolvida com HTML, CSS e JS para a confeitaria Maria Moreno

Language: CSS - Size: 1.95 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 0

putnikproj/el-animate

Easily animate HTML elements with CSS and control them with JS

Language: TypeScript - Size: 644 KB - Last synced at: about 1 month ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

alex-grsm/3d-slider

3D scene (CSS + HTML) with spectacular design

Language: JavaScript - Size: 11.5 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

PP-Namias/CSS3-Robot-Animation

This css robot animation website was created for Web System & Technologies Activity #4.

Language: JavaScript - Size: 17.4 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

tem-ctrl/oc_p3_ohmyfood

Projet 3, Parcours Développeur Web Openclassrooms

Language: HTML - Size: 19.8 MB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

beauhaus/beau-haus

portfolio site using React, Webpack, reach-router, CSS-Grid, GSAP Animations, SVG

Language: JavaScript - Size: 64.5 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

ls30378/portfolio-page-stack

Portfolio with page stack navigation

Language: CSS - Size: 64.5 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

mugilmalathi/Mugilarasan-Portfolio

Webpage to show all my details like introduction, education, skills, projects, and contacts as a Portfolio. I have implemented this webpage using HTML, CSS, CSS animation, javascript, and media queries for iPhone XR and iPad Pro devices.

Language: CSS - Size: 153 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

michaelkolesidis/infinite-triangle

Experiment using SVG and Sass.

Language: JavaScript - Size: 1.1 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

amestres/Animated_Circular_Menu

Circular menu with animations

Language: CSS - Size: 804 KB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

RakibRahman/HTML-and-CSS-Codes

HTML and CSS Codes

Language: HTML - Size: 47.1 MB - Last synced at: 2 months ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

kurtuluserturk/portfolio-website-example

portfolio website example with SCSS

Language: SCSS - Size: 878 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

Alice-Rez/2D-Solar-System

2D animation of the Solar System. This project was done after finishing CSS part of the course (before learning SCSS and JS).

Language: CSS - Size: 918 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

g0m3s/loading-animation-css

Loading effect using only css!

Language: HTML - Size: 1000 Bytes - Last synced at: about 2 years ago - Pushed at: about 5 years ago - Stars: 2 - Forks: 0

monzanifabio/SVG-jelly-button

A jelly like SVG animated and interactive button

Language: CSS - Size: 1.55 MB - Last synced at: 2 months ago - Pushed at: about 5 years ago - Stars: 2 - Forks: 1

FeliOdras/AnimatedCV

Animated CV, created with HTML and CSS only. No JavaScript for this project.

Language: CSS - Size: 133 KB - Last synced at: about 2 years ago - Pushed at: almost 7 years ago - Stars: 2 - Forks: 0

CharlesStover/meditative-breathing 📦

A visual representation to guide meditative breathing.

Language: CSS - Size: 43.9 KB - Last synced at: about 1 year ago - Pushed at: almost 7 years ago - Stars: 2 - Forks: 0

kumilange/insertion-sort-demo 📦

🌈 Demo of insertion sort for algorithm beginners!

Language: JavaScript - Size: 9.77 KB - Last synced at: 12 months ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 0

cmachu/ewok

Ewok is a tiny, cute SCSS style sheet with classes and mixins. Like as every other, this Ewok will help you fade out, fade in, blink or glimpse!

Language: CSS - Size: 13.7 KB - Last synced at: 12 days ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 1

CodeWithAlamin/Sticky-circle-animation

Sticky circle animation of SeamlessHR home page.

Language: CSS - Size: 152 KB - Last synced at: about 2 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 1

saeedkohansal/JavaScript-Help-And-FAQ-Responsive-Widget-With-Animations

This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

Language: HTML - Size: 255 KB - Last synced at: 2 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0