GitHub topics: css-animation

Repositories

MDJAmin/3D-Card-Game-Hover-Diablo-Inspired-Character-Gallery

A dark-themed Diablo-inspired character showcase built with semantic HTML and advanced CSS. Features responsive 3D card hover animations, fantasy-style captions, and dynamic backgrounds, ideal for gaming portfolios and character galleries.

Language: CSS - Size: 1.57 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 0 - Forks: 0

sanidhyy/brainwave

Modern Animated SaaS Generative AI Landing Page.

Language: JavaScript - Size: 13.5 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 125 - Forks: 26

MDJAmin/animated-social-media-icons-hover-effects-html-css

A sleek set of animated social media icons with stylish hover effects built using HTML and CSS. Features circular reveal animations, color transitions, 3D rotation, and full Font Awesome support, perfect for footers, contact pages, and modern UI designs.

Language: HTML - Size: 6.84 KB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

Ahmed-Maher77/similarity-game__test-your-memory

A fun and interactive card-matching game designed to test and improve memory skills. The game challenges players to match pairs of cards with minimal attempts, keeping track of their progress and performance. Perfect for casual gaming, brain training, or learning purposes.

Language: JavaScript - Size: 1.21 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

bluesky-520/brainwave

Modern Animated SaaS Generative AI Landing Page.

Language: JavaScript - Size: 13.2 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 3 - Forks: 0

MDJAmin/css-3d-flip-card-hover-effect

A 3D flip card component built with pure HTML & CSS. Includes smooth hover transitions, glowing borders, and animated gradient backgrounds, ideal for portfolios, profile cards, and interactive UI designs.

Language: CSS - Size: 20.5 KB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 0 - Forks: 0

MDJAmin/glassmorphism-buttons-neon-hover-effects-css

A modern glassmorphism-inspired button set built with pure HTML and CSS. Features neon hover effects, animated borders, and smooth transitions, ideal for stylish landing pages and sleek UI designs.

Language: CSS - Size: 10.7 KB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

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: 15 days ago - Pushed at: 15 days ago - Stars: 63 - Forks: 6

MDJAmin/cool-login-form-glassmorphism-ui-html-css-js

A modern glassmorphism-style login form built with HTML, CSS, and JavaScript. Features glowing background animations, responsive design, and interactive UI/UX elements for creative web projects.

Language: CSS - Size: 29.3 KB - Last synced at: 16 days ago - Pushed at: 16 days ago - Stars: 0 - Forks: 0

solaris0051/canvasESMeducated

Learned the manner of ESM from original masterpiece, and also added changes to it.

Language: JavaScript - Size: 21.3 MB - Last synced at: 17 days ago - Pushed at: 18 days ago - Stars: 0 - Forks: 0

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: 4.21 MB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 178 - Forks: 24

HasibCoderLab/Rock-Paper-Scissors-v5

An interactive Rock-Paper-Scissors game with score tracking, 5-round battle system, animated UI, and restart option. Features glowing buttons, gradient backgrounds, smooth transitions, and playful results

Language: CSS - Size: 79.1 KB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 0 - Forks: 0

sButtons/sbuttons 📦

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

Language: Less - Size: 16.3 MB - Last synced at: 23 days ago - Pushed at: almost 3 years ago - Stars: 403 - Forks: 554

MDJAmin/Animated-Login-Form

✨ A stylish animated login form built with HTML and CSS, featuring dynamic backgrounds, responsive design, and smooth hover effects. Easily customizable, ideal for modern web UI/UX inspiration or beginner-friendly frontend practice.

Language: CSS - Size: 33.2 KB - Last synced at: 26 days ago - Pushed at: 27 days ago - Stars: 0 - Forks: 0

patience520700/3D-Animation

A simple 3D circle animation built with pure HTML & CSS

Language: HTML - Size: 70.3 KB - Last synced at: 27 days ago - Pushed at: 27 days ago - Stars: 0 - Forks: 0

urjiiko1/code-craft

✨ A modern, animated login UI using glassmorphism, CSS animations and responsive design. Built to showcase creative front-end design skills. Explore the full implementation inside the CSS02 folder.

Language: HTML - Size: 3.25 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 3 - Forks: 0

MohitSutharOfficial/Design-Assets-for-Developers

A curated collection of high-quality design assets specifically crafted for developers. Includes icons, illustrations, UI components, and more to accelerate your development workflow.

Size: 2.36 MB - Last synced at: about 1 month ago - Pushed at: about 2 months ago - Stars: 9 - Forks: 0

yesiamrocks/animtext

AnimText is a JavaScript library for letter, word, & line animations. Easily create dynamic text effects with simple HTML data attributes.

Language: JavaScript - Size: 173 KB - Last synced at: 8 days ago - Pushed at: about 1 month ago - Stars: 3 - Forks: 0

abuzar-alvi/CSS-Only-Animated-Hero-Section

A clean, lightweight hero section with smooth animations — built using pure CSS without JavaScript.

Language: CSS - Size: 4.79 MB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 2 - Forks: 0

MahmoudRagb1/Google-Like-Loading-Animation

Create a Google-like loading animation using pure HTML and CSS. Lightweight, responsive, and customizable for any project. 🌐✨ #CSS #Animation

Language: CSS - Size: 8.79 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

abobkr22/CSS-Only-Animated-Hero-Section

Create a responsive hero section with smooth, pure CSS animations. Perfect for landing pages and portfolios. 🚀🌟

Language: CSS - Size: 4.79 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

angryhtml/todo-ts

A minimalist Todo List app built with TypeScript and styled using Bulma CSS. It features responsive design, adapts to system light/dark themes, and saves tasks locally with LocalStorage.

Language: TypeScript - Size: 5.57 MB - Last synced at: about 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

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: 18.1 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 7 - Forks: 7

TranHuuDat2004/Umaru-Chan

A simple website animation created with HTML, CSS, and JavaScript.

Language: JavaScript - Size: 9.38 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 1 - Forks: 1

scottcgi/MojoJS-Animation

A lightweight and powerful javascript Animation engine.

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

Sani-Mohibur/Solar-Explorer

A simple and interactive solar system explorer built with pure HTML, CSS, and JavaScript. Click on planets to discover their properties and visualize their orbits.

Language: CSS - Size: 37.1 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

H0rn0chse/NightSky

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

Language: JavaScript - Size: 10.7 MB - Last synced at: 28 days ago - Pushed at: 2 months ago - Stars: 14 - Forks: 2

Madhur17/css-showcase

Showcase your CSS skills with this interactive project. Explore pure CSS features, enhance UX, and enjoy accessibility improvements. 🌟🚀

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

StudentVlad5/goit-markup-hw-04

Декоративні ефекти. Анiмацiя

Language: HTML - Size: 13 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

kikiwu404/bot-lives

Language: CSS - Size: 6.46 MB - Last synced at: 3 months ago - Pushed at: about 5 years ago - Stars: 0 - Forks: 0

fuadreza/fuadreza.github.io

Ini halaman GitHubku loh..

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

DiegoRamonSantos/grid-cards

This is a simple and responsive web project that presents themed cards about programming languages, using only HTML5 and CSS3, with emphasis on CSS Grid layout.

Language: HTML - Size: 0 Bytes - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

Sara-source01/Avatar-Projeto

Projeto de página inspirada no universo de Avatar, com efeitos visuais em CSS e layout responsivo.

Language: CSS - Size: 381 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

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: 4 months ago - Pushed at: 4 months ago - Stars: 3 - Forks: 0

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: 4 months ago - Pushed at: about 2 years ago - Stars: 742 - Forks: 154

SubashKumarCodes/flip-style-clock

A stylish digital flip clock built with HTML, CSS, and JavaScript showing real-time hours, minutes, and seconds with smooth CSS animations.

Language: HTML - Size: 4.88 KB - Last synced at: about 1 month ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

AshwinaMuazzam/LoadLoop-4-Loading-Animation

LoadLoop 4 features four balls that sequentially grow and move upward in a smooth, rhythmic bounce. Each ball expands and rises before returning to its original spot, creating a subtle, wave-like loading animation that provides a clear and engaging visual cue during wait times.

Language: CSS - Size: 3.91 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

Yashi-Singh-9/Countdown-Timer

A simple countdown timer that dynamically displays the time remaining until the New Year in months, days, hours, minutes, and seconds. Built with HTML, CSS, and JavaScript, it features a responsive design, hover animations, and a serene mountain background. When the countdown ends, it shows a festive "Happy New Year!" message.

Language: CSS - Size: 1.75 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 1 - Forks: 0

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: 4 months ago - Pushed at: about 1 year ago - Stars: 112 - Forks: 58

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 2 months ago - Pushed at: over 2 years ago - Stars: 23 - Forks: 6

asianprogrammer/client-animation

Animation build and test

Language: CSS - Size: 1.26 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

nathanmontt/JSZH

Um guia (mais um) de estudos. De Javascript.

Language: CSS - Size: 127 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

EminQasimov/3d-box-css

📦Pure CSS 3D Card box animation - it is customizable with CSS variables

Language: CSS - Size: 13.7 KB - Last synced at: 3 days ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 1

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: 6 months ago - Pushed at: almost 2 years ago - Stars: 108 - Forks: 8

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: 5 months ago - Pushed at: 6 months ago - Stars: 3 - Forks: 0

jh3y/move-things-with-css

The accompanying source for "Move Things With CSS"

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

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: 5 months ago - Pushed at: 9 months ago - Stars: 6 - Forks: 2

bpsagar/css2video

Python library to convert CSS animations into video

Language: Python - Size: 41 KB - Last synced at: 5 months ago - Pushed at: over 1 year ago - Stars: 69 - Forks: 12

nocksock/osc-css

CSS properties to animate numeric values where they are needed using oscillators and envelopes.

Language: CSS - Size: 1.72 MB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

sifatbro786/blyx-agency

This is a animated Agency website.

Language: CSS - Size: 122 KB - Last synced at: 7 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

Aniketjain15/Mini-Project

WWE-based website using html and css

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

evoluteur/braille-text

Simple Javascript and CSS to display Braille (English grade 1) on web pages with hover effect for translation.

Language: CSS - Size: 154 KB - Last synced at: 7 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

ag-sanjjeev/CSS-Notes

This repository contains the basic and essential topics and their notes to learn the CSS as beginner.

Size: 38.1 KB - Last synced at: 6 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 1

tawhidurrahmandear/3d-text

3D Headline and Paragraph in CSS

Language: HTML - Size: 9.77 KB - Last synced at: 6 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

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: 5 months ago - Pushed at: 8 months ago - Stars: 22 - Forks: 2

HasibCoderLab/Animated-Login-Form

"A modern and animated login form with a responsive design and smooth background effects. Built using HTML, CSS, and JavaScript, this project features interactive input fields, gradient animations, and a user-friendly interface. Perfect for learning or integrating into your web applications."

Language: CSS - Size: 5.86 KB - Last synced at: 7 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

jh3y/a-guide-to-css-animation

Demo code for "A Guide to CSS Animation"

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

SW999/sw999.github.io

Pretending to know JavaScript

Language: HTML - Size: 16.2 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

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 1 month ago - Pushed at: almost 4 years ago - Stars: 15 - Forks: 0

pitambersingh729/javascript-custom-tabs

Javascript Custom Tabs

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

Abdur-Rahman-Apu/JS-cart-app-client

A responsive Cart Application built with vanilla JavaScript, JSON Server, and animated with vanilla CSS! This app lets users browse products, add items to a cart, and modify items in the cart with OOP-based JavaScript.

Language: JavaScript - Size: 29.1 MB - Last synced at: 7 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

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: 7 days ago - Pushed at: over 2 years ago - Stars: 20 - Forks: 1

CodeWithAlamin/Sticky-circle-animation

Sticky circle animation of SeamlessHR home page.

Language: CSS - Size: 152 KB - Last synced at: 5 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 1

Nazish-kiran/ecomus-e-comerce-website

Animated and ful Responsive E-commerce website using bootstrap and CSS

Language: HTML - Size: 12.5 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

EthanDeL/Computer-animation

Computer animation usign HTML & CSS

Language: CSS - Size: 4.88 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

JavierSam-uy/Icono-de-espera---animaci-n-CSS

Replica, with CSS transitions, of the mouse pointer waiting icon of my Linux Mint (Bibata-Modern-Classic). It's a four-quarter-circle animation, in different colours and rotating.

Language: CSS - Size: 2.93 KB - Last synced at: 8 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

tfmteixeira/react-animate-load

Hold tight, awesome stuff is loading!

Language: TypeScript - Size: 4.08 MB - Last synced at: 28 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

ahmedraza420/css-exercises Fork of TheOdinProject/css-exercises

TOP's Foundational Course- CSS

Language: HTML - Size: 6.53 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

EthanDeL/Text-Reveal-Animation

Text reveal animation using HTML and CSS.

Language: CSS - Size: 4.88 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - 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

mohammadamin-alizadeh/FAQ-accordion

A responsive FAQ component with subtle animation

Language: CSS - Size: 146 KB - Last synced at: 25 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

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: about 2 months ago - Pushed at: about 1 year ago - Stars: 4 - Forks: 2

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: 6 months ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

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

Language: CSS - Size: 5.86 KB - Last synced at: 4 months ago - Pushed at: about 6 years ago - Stars: 90 - Forks: 47

devsujay19/DNA-using-HTML-and-CSS

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

Language: CSS - Size: 5.86 KB - Last synced at: 5 months ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 2

tamimtxd/bouncing-ball-animation

A responsive bouncing ball animation using pure CSS.

Language: CSS - Size: 6.84 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

sanjaraiy/project-no-3

Embarking on a creative journey with this project to master HTML and CSS tasks, inspired by PWSkill!

Language: HTML - Size: 1.04 MB - Last synced at: 7 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

yuki16bit/ennichi-sugoroku

A web board game with a Japanese summer festival theme.

Language: JavaScript - Size: 18.9 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Verifo/AnimationOne

Free and open-source web projects in the world!

Language: JavaScript - Size: 69.5 MB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

Verifo/MaterialOne 📦

New website templetes!

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

Related Keywords

css-animation 340 css 181 html 105 css3 87 javascript 75 html5 67 animation 60 css-animations 42 html-css 36 react 22 css-grid 20 css-flexbox 19 css-animation-effects 18 js 18 html-css-javascript 17 sass 17 frontend 17 responsive-design 16 scss 13 reactjs 13 responsive 10 css3-animations 10 front-end 10 animations 9 svg 9 typescript 9 responsive-web-design 9 web-design 8 css-transition 7 flexbox 7 ui-design 7 svg-animation 6 javascript-animation 6 css-framework 6 gsap 6 animation-css 6 pure-css 5 css-art 5 loader 5 landing-page 5 css-variables 5 game 5 vanilla-javascript 5 video 4 redux 4 php 4 css-grid-layout 4 3d 4 dom-manipulation 4 css-transforms 4 jquery 4 web-animation 4 glassmorphism 4 styled-components 4 hover-effects 4 grid 4 less 4 javascript-game 4 bootstrap 4 transition 4 css-keyframes 4 transition-animation 4 css-flex 4 memory-game 4 css-transitions 4 github-pages 3 bem-methodology 3 svg-animations 3 keyframes 3 effect 3 portfolio-website 3 web-development 3 css3-flexbox 3 portfolio 3 buttons 3 grid-layout 3 animate 3 text 3 json 3 webpack 3 transform 3 framer-motion 3 python 3 javascript-framework 3 font-awesome 3 web 3 animation-effects 3 react-animation 3 adaptive-layouts 3 css-in-js 3 navigation 3 minimal-ui 3 student-project 3 slider 3 front-end-development 3 react-hooks 3 animated-ui 3 webdevelopment 3 rotation 2 button-animation 2