Projects in Awesome Lists tagged with css-transitions

https://github.com/l-hammer/You-need-to-know-css

💄CSS tricks for web developers~

css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements

Last synced: 14 Mar 2025

https://github.com/l-hammer/you-need-to-know-css

💄CSS tricks for web developers~

css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements

Last synced: 18 Oct 2025

https://github.com/mbj36/vue-burger-menu

🍔 An off-canvas sidebar Vue component - https://vue-burger-menu.netlify.app/

css-transitions hamburger-menu sidebar-menu vue-burger-menu vue-components vue-sidebar vuejs vuejs2

Last synced: 06 Oct 2025

https://github.com/marlenesco/material-cards

Card style based on Google Material color palette

color-palette css-transitions jquery jquery-plugin material-cards material-design user-cards

Last synced: 22 Oct 2025

https://github.com/EQuimper/All-About-Programming

Everything about programming!!

article aws-lambda computer-science computer-science-algorithms css-animations css-transitions devtips elixir gcp google-cloud google-cloud-platform javascript javascript-es6 javascript-tests javascript-tutorial lambda-functions programmer-tool tutorial tutorials

Last synced: 20 Jul 2025

https://github.com/equimper/all-about-programming

Everything about programming!!

article aws-lambda computer-science computer-science-algorithms css-animations css-transitions devtips elixir gcp google-cloud google-cloud-platform javascript javascript-es6 javascript-tests javascript-tutorial lambda-functions programmer-tool tutorial tutorials

Last synced: 14 Sep 2025

https://github.com/adajuly/AniX

🐿 Super easy and lightweight(<3kb) JavaScript animation library

3kb animation-libraries css-transitions jquery-animation motion transition

Last synced: 10 Jul 2025

https://github.com/adajuly/anix

🐿 Super easy and lightweight(<3kb) JavaScript animation library

3kb animation-libraries css-transitions jquery-animation motion transition

Last synced: 21 Jul 2025

https://github.com/dinohamzic/displaceable

A tiny, performant and configurable JavaScript library that smoothly displaces elements on mouse move.

animation css-transforms css-transitions es6 javascript no-dependencies

Last synced: 09 Apr 2025

https://github.com/postare/bulma-modal-fx

A set of modal window effects with CSS transitions and animations for Bulma.

bulma css css-transitions

Last synced: 01 Jul 2025

https://github.com/magnetikonline/css-animation-event

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

browser css-animations css-transitions

Last synced: 26 Jun 2025

https://github.com/developit/preact-css-transition-group

Apply CSS transitions when adding or removing Preact components/elements

css-transitions preact

Last synced: 15 Apr 2025

https://github.com/rcaferati/wac

CSS controlled animations with transitionEnd, onTransitionEnd, animationend, onAnimationEnd events and frame throwing. Tiny javascript library with cross-browser methods to handle css animation/transition callbacks and event loop frame throwing. 📚🖥️📱

animation-library css css-animations css-transitions css3 javascript-animation-library javascript-library react

Last synced: 16 Dec 2025

https://github.com/marcodpt/vue-over-body

Create modals, sidebars, notifications, pop ups with css transitions!

component css-transitions modal notifications sidebar vue vuejs2

Last synced: 26 Jul 2025

https://github.com/nicolo-ribaudo/sei.gay

Make people gay

css-transitions deno

Last synced: 14 Sep 2025

https://github.com/owenliang/pulltorefresh

javascript-pull-to-refresh

css-animations css-transitions iscroll iscroll-pull-to-refresh iscroll5-pull-to-refresh javascript jquery jquery-library pull-to-refresh

Last synced: 14 Jul 2025

https://github.com/jh3y/move-things-with-css

The accompanying source for "Move Things With CSS"

animation css css-animation css-animation-effects css-animations css-transition css-transitions css3-animations cssanimations motion motion-design

Last synced: 14 Jun 2025

https://github.com/anonyco/Force-DOM-reflow-JS

The cross-browser force DOM reflow library that will work in all current browsers and all future browsers.

1kb browser css-transitions dom-reflow javascript js reflow vanilla-javascript vanilla-js

Last synced: 03 Apr 2025

https://github.com/anonyco/force-dom-reflow-js

The cross-browser force DOM reflow library that will work in all current browsers and all future browsers.

1kb browser css-transitions dom-reflow javascript js reflow vanilla-javascript vanilla-js

Last synced: 20 Mar 2025

https://github.com/pzingg/css-transition-examples

Examples for my talk on CSS transitions at ElmConf US 2017

css-animations css-transitions elm-demos elm-lang elm-ui

Last synced: 14 Oct 2025

https://github.com/erosmlima/animations_fullscreen

This amazing Animations_FullScreen was done just with CSS and HTML, enjoy.☕

animations css css-animation-effects css-transitions

Last synced: 25 Sep 2025

https://github.com/srph/jqt

A low-level jQuery plugin for node hiding and showing through css transitions

css-transitions jquery-plugin

Last synced: 11 Oct 2025

https://github.com/oti/lp58

CSS Nite LP58「Coder's High 2018」で発表した「現場で役立つCSSアニメーション」のオンラインデモサイトです。

css css-transitions

Last synced: 23 Oct 2025

https://github.com/thereallo1026/shape-morph

Material Design 3 shape morphing for the web.

animation bezier clip-path css-transitions material-design react shape-morph svg typescript

Last synced: 15 Feb 2026

https://github.com/swanie21/css-animations

CSS button animation examples

css css-transforms css-transitions css3-animations responsive-design sass

Last synced: 26 Apr 2025

https://github.com/magnetikonline/picoh

Yet another JavaScript frontend micro framework - minified and gzipped to around 2.3KB.

css-animations css-transitions dom frontend-framework xmlhttp

Last synced: 09 May 2026

https://github.com/maxcore25/react-multi-level-dropdown

React.js Animated Multi-Level Dropdown Menu

animations css-transitions dropdown-menu react reactjs

Last synced: 26 May 2026

https://github.com/willviles/ember-css-transitions-modifiers

Modifiers for attaching CSS transitions to elements in Ember.js HTMLbars templates

css-transitions element-modifiers ember-addon ember-js

Last synced: 13 May 2025

https://github.com/kevnk/tricons

Common icons—customizable via LESS—that morph from one to another with CSS transition; inspired by (but not using) SVG animated icons.

css-animations css-transitions icons svg-animated-icons

Last synced: 03 Oct 2025

https://github.com/hoseungme/linear-gradient-element

Set linear-gradient CSS background of your element, with transition animation, interpolation

animation color css css-animations css-transitions linear-gradient transition

Last synced: 12 Feb 2026

https://github.com/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!

animation css css-animation css-animations css-framework css-transitions css3 css3-animations design front-end front-end-development mixin-library mixins scss scss-library scss-mixin scss-mixins scss-styles scss-template starwars

Last synced: 09 May 2026

https://github.com/michaelkolesidis/css-3d

A simple website showcasing CSS 3D examples and how they work.

css css-animations css-transitions showcase

Last synced: 28 Feb 2025

https://github.com/malikshubham827/medihealth

A small web-app for HackDTU-17. Underdeveloped as of now.

css-transitions css3 html5 javascript nodejs

Last synced: 12 Apr 2026

https://github.com/pedroeuzebiojs/av2-dw1-tii-ifce

Avaliação II da disciplina de Desenvolvimento Web I do curso Técnico em Informática para Internet do IFCE.

css css-flexbox css-media-queries css-transitions css-variables css3 desenvolvimento-front-end desenvolvimento-web html html-css html5 html5-css3 ifce informatica programacao-web tecnico-em-informatica

Last synced: 07 Apr 2025

https://github.com/not-raspberry/cljs-2048

Yet another implementation of 2048 - this time in ClojureScript and Reagent

2048 clojurescript css-animations css-transitions game react reagent

Last synced: 15 May 2026

https://github.com/gustavo-mmh/jogo-da-memoria-dio

Criação de um Jogo da memória utilizando HTML, CSS e Javascript. O jogo da memória criado tem uma temática voltada ao futebol, nele você deve encontrar o par de simbolo dos clubes brasileiros.

bootcamp css-transitions css3 digital-innovation-one futebol github html5 javascript javascript-game jogo-da-memoria logica-de-programacao programming-logic tqi

Last synced: 07 May 2026

https://github.com/rahuldkjain/css-animation-transition-cheatsheet

css css-animations css-transitions

Last synced: 17 Mar 2025

https://github.com/eneax/3d_menu_gallery

🥘 3D Menu Gallery with CSS Transition and Transform

3d-animation css css-3d-transitions css-animation-effects css-animations css-transforms css-transitions html transforms transition

Last synced: 18 Apr 2026

https://github.com/auvancee/bcit-csstechsite

CSS Technologies - Tech Site

css css-animations css-flexbox css-grid css-transformations css-transitions

Last synced: 03 Mar 2025

https://github.com/harshkapadia2/transformation-animation-transition

Small college assignment on CSS Transform, Animation and Transition.

css-animations css-transforms css-transitions html-css

Last synced: 31 Mar 2025

https://github.com/nirtamir2/react-base-transition-group

Open source library for managing component states (including mounting and unmounting) over time for css transitions and animations.

animation css css-transitions library react transition transition-group

Last synced: 18 Apr 2026

https://github.com/richardcyrus/fm-faq-accordion-card

FAQ accordion card challenge on Frontend Mentor

css-custom-properties css-grid css-transitions flexbox frontend-mentor html-css-javascript html5 mobile-first

Last synced: 15 Mar 2025

https://github.com/keikoro/amazcss

CSS transitions & animations :leaves::dizzy::dash:

animations art css css-animations css-transitions transitions

Last synced: 18 Mar 2025

https://github.com/damiieibikun/ginza-furniture-replica

Ginza Furniture Replica

css-animations css-grid css-transform css-transitions css3 flex flex-wrap html5 mediaqueries responsive-design

Last synced: 31 May 2026

https://github.com/jfcardoso/portfolio-project

Portifolio Project with morphing menu and CSS Transitions

css-keyframes css-transitions dio-bootcamp morphing-animations

Last synced: 25 Oct 2025

https://github.com/jacobeliasmoya/modernelegance

My take on modern website design, less is more. But my animations take it to the next level! VanillaJS for life!

css-transitions vanilla-javascript

Last synced: 31 Jan 2026

https://github.com/deemon13/web-core-003

Small part of landing page

adaptive css css-transitions flexbox font html sprite svg

Last synced: 17 Apr 2026

https://github.com/isg-software/folding-arrow

jQuery plug-in for inserting arrow icons for foldable list items, sections etc. as inline SVG with CSS support.

accordion arrow collapsible-sections collapsible-tree css-transitions inline-svg jquery-plug svg-icons

Last synced: 04 Apr 2026

https://github.com/ahmed-maher77/producthub___modern-e-commerce-product-catalog

ProductHub is a responsive React.js e-commerce catalog featuring advanced filtering, dynamic product display, smooth animations, and full accessibility support—built for optimal performance and user experience across all devices.

bootstrap boxicons context-api css css-animations css-transitions ecommerce ecommerce-website fetch-api html javascript product-catalog react-toastify reactjs vitejs

Last synced: 05 Apr 2026

https://github.com/funsaized/neon-svg-github-dark

Mocked the dark mode toggle SVG from Github home page

animation css css-transitions dark-theme dark-theme-toggle flicker octocat svg

Last synced: 20 Apr 2026

https://github.com/ved7482/styling-contact-us-form

css-animations css-transforms css-transitions html5

Last synced: 24 Apr 2026

https://github.com/dracula27/blackjack

Play blackjack against a dealer!

100devs api blackjack-game css-flexbox css-grid css-transitions deckofcardsapi html-css-javascript html5-css3 json

Last synced: 25 Apr 2026

https://github.com/mohamedsaid225/mealify-

Mealify is a stunning, responsive webpage that supports dark mode.

css css-pseudo-classes css-transforms css-transitions css-variables css3-animations flexbox html media-queries responsive-web-design semantic-tags vendor-prefix

Last synced: 07 Jun 2026

https://github.com/ruhancmendes/projeto-lp-clube-de-assinantes

This project is a responsive product landing page with animations and transitions.

css css-animations css-transitions

Last synced: 26 Apr 2026

https://github.com/interglobalmedia/basic-audio-visual-slider

css-keyframes

css-in-js-animation css-keyframes css-transitions defer-script-attribute es6-javascript gh-pages gh-pages-site javascript npm web-audio-api

Last synced: 28 Apr 2026

https://github.com/dev-kawser/my-portfolio

Discover the heart of my digital identity in this GitHub repository – my Portfolio Site! Immerse yourself in the seamless blend of React, HTML, CSS, and Tailwind, reflecting my expertise as a Computer Science Engineering student. Explore projects, skills, and the evolution of my tech journey. Let's collaborate to elevate your online presence! 🚀

css css-animations css-flexbox css-frameworks css-grid css-transitions html html5 portfolio portfolio-website

Last synced: 02 May 2026

https://github.com/ogenrwotaaron/100daysofcode

css css-transitions html javascript login-forms

Last synced: 06 May 2026

https://github.com/0xzakk/postcss-easings

Custom easing functions for PostCSS! :chart_with_upwards_trend:

css css-animations css-transitions easing-functions easings postcss postcss-plugin

Last synced: 10 May 2026

https://github.com/seppwc/toggle-button-demo

Selection of Different Menu Toggle buttons (also known as hamburger menus) Demo available @:

css-transforms css-transitions hamburger-menus vanilla-javascript

Last synced: 11 May 2026

https://github.com/eneax/3d_rotating_cube

🛸 Rotating Cube with CSS 3D Transforms - Star Wars Theme

3d-animation 3d-transforms css-animation-effects css-animations css-transforms css-transitions cubic-bezier html-css star-wars treehouse treehouseproject

Last synced: 26 Jun 2025

https://github.com/valentinmadiot/ohmyfood-restaurant_ui

Site vitrine responsive pour quatre restaurants gastronomiques, réalisé en HTML, CSS et Sass. Animations modernes et design raffiné sans JavaScript. Parfait pour un projet UI/UX.

animation-delay css-transitions flexbox grid-layout hover-effects html-css-sass keyframes-animation landing-pages menu-animation mobile-first mockup modular-scss no-javascript openclassrooms postcss responsive-design sass scss-mixins static-website ui-design

Last synced: 16 May 2026

https://github.com/swanie21/animate-images

Animate images to enhance UI

css-transforms css-transitions sass

Last synced: 15 May 2026

https://github.com/dev-kawser/modern-chair-site

Introducing the "Modern Chair Customizer" – an innovative and interactive website that redefines your experience with modern furniture shopping. This cutting-edge platform allows you to personalize your chair, button, and background color, all synchronized seamlessly for a visually captivating and harmonious design.

css css-animations css-flexbox css-transitions html html-template

Last synced: 10 Apr 2025

https://github.com/teotimepacreau/discarding-effect-and-container-queries-day3-of-100daysofcode

Discarding effect and container queries to adapt cards dynamically built with CSS and HTML

100daysofcode card-effect coding-challenge container-queries css css-transitions discarding-effect flexbox grid hover-effect html restaurant-menu

Last synced: 22 Apr 2026

https://github.com/notacouch/jquery-autotransition

CSS transition to/from auto for top, left, width, and height properties.

css-transitions jquery-autotransition jquery-plugin

Last synced: 16 Jun 2025

https://github.com/franmc01/100-days-css-challenge

The following repository contains a series of practices where I seek to improve my skills using CSS and thus be able to create better content at a visual level in my future applications and in those that also require it :)

css-animations css-flexbox css-grid css-transitions css3 etc

Last synced: 27 Mar 2025

https://github.com/iamtonmoy0/web-animation-projects

Cool animation you can dream of are found here!

animation animation-css css css-animations css-grid css-transitions js js-and-css js-animation js-animations

Last synced: 16 May 2026

https://github.com/esraaalzoghby/devfolio-template

A responsive portfolio website template built with HTML, CSS, and Bootstrap.

bootstrap-card bootstrap-carousel bootstrap-form bootstrap-grid-system bootstrap-icons bootstrap-utilities css css-animations css-transitions devfolio front-end-development html progress-bar responsive-web-design web-development

Last synced: 27 Apr 2026

https://github.com/seonhyungjo/do-you-know-css

CSS I wanted it :yum:

css css-flex css-grid css-transforms css-transitions css3 will-change

Last synced: 21 Jun 2025

https://github.com/cstayyab/esslider

continuous-slider css-transforms css-transitions es6-module javascript slider-plugin

Last synced: 14 Jul 2025

https://github.com/valentinmadiot/background-slider-travel_js

Slider immersif pour destinations exotiques avec Swiper.js, GSAP et popup vidéo intégrée. Design responsive idéal pour sites touristiques, agences de voyage ou projets créatifs modernes.

background-slider css-transitions gallery-images gsap-animation html-css-js image-slider interactive-gallery javascript-ui js-carousel landing-pages lightweight-slider popup-video responsive-designs swiperjs travel-ui travel-website-frontend tropical-theme ui-design web-animations webdesign

Last synced: 17 Feb 2026

https://github.com/allancrabelo/notes360

Notas360 is a smart platform for schools and courses that automates grade calculations, applies custom weights, and generates performance reports. With a responsive and user-friendly interface, it streamlines academic management and improves student tracking.

a11y clean-code component-based-software-design css-transitions css3 dom-manipulation event-handling figma flexbox from-validation front-end grid-layout htlml5 javascript project-architecture responsive-design semantic-html ux-ui-design vanilla-javascript

Last synced: 30 Apr 2026

https://github.com/nicolecarlucci/meteo-app

Current Weather Web Application

css-nesting css-transitions html-css-javascript open-weather-map-api

Last synced: 28 Mar 2025

https://github.com/chrisnajman/faqs

An accessible FAQ accordion. The CSS enhances the 'details' element with a smooth height transition only when it's safe and supported. It uses modern CSS features with progressive enhancement in mind.

accessibility css-transitions es6-modules html-css-javascript interpolation-techniques loading-spinner prefers-reduced-motion supports theme-switcher

Last synced: 06 Apr 2025

https://github.com/ruhancmendes/projeto-lp-animated

This project is a responsive product landing page with animations and transitions.

css css-animations css-functions css-transitions responsive rocketseat

Last synced: 19 May 2026

https://github.com/gustavo-mmh/website_hamburguer-menu

Website criado com HTML e CSS Transitions utilizando pseudo elementos e pseudo classes e também CSS @keyframes

bootcamp css css-animations css-transforms css-transitions digital-innovation-one font-awesome html-css html5 tqi

Last synced: 13 May 2025

https://github.com/bytedecoder/css-transitions

Transitions - 20,000 Leagues Under the Sea

css-transitions css3

Last synced: 19 Jul 2025

https://github.com/chrisnajman/accessible-accordion-v2

Accessible accordions, multiple, single and nested, built with the 'details' element. The CSS enhances the accordions with a smooth height transition only when it's safe and supported. It uses modern CSS features with progressive enhancement in mind.

accessibility css-transitions es6-modules html-css-javascript interpolation-techniques loading-spinner mobile-menu prefers-reduced-motion supports theme-switcher

Last synced: 25 Jan 2026

https://github.com/banghuazhao/youtube-video-player-clone

A fully functional YouTube-style video player built with vanilla HTML, CSS, and JavaScript. Features include play/pause controls, volume management, fullscreen mode, theater mode, mini player, and keyboard shortcuts. Built as a learning project following Web Dev Simplified's tutorial.

css-animations css-transitions dom-manipulation event-listeners fullscreen-api html5-apis html5-video keyboard-shortcuts learning-project picture-in-picture play-pause responsive-design svg-icons theater-mode vanilla-javascript video-controls video-player volume-control web-development youtube-clone

Last synced: 07 Oct 2025

https://github.com/silvestrevivo/react-transitions-demo

Exercise with React and CSSTransitions following the Udemy tutotial from CodeRevolution

css-transitions eslint react-transition-group reactjs transition-animation webpack4

Last synced: 09 Apr 2026

https://github.com/snimmagadda1/neon-svg-github-dark

Mocked the dark mode toggle SVG from Github home page

animation css css-transitions dark-theme dark-theme-toggle flicker octocat svg

Last synced: 30 Mar 2025

https://github.com/nikulinalexey/russian-travel

Сайт про путешествия по России. Проект обучения(Яндекс Практикум).

adaptive bem-methodology css css-flexbox css-grid css-transitions figma html

Last synced: 20 May 2026

https://github.com/mafsida/goit-markup-hw-04

This is the fourth assignment from the Full Stack Developer course at GoIT. In this module, I applied background images, shadows, and SVG icons, while using transitions and pseudo-elements. The project demonstrates advanced CSS effects and SVG integration.

background-images css css-transitions frontend goit goit-markup-hw-03 html markup pseudo-elements responsive-web-design shadows svg svg-icons svg-sprite web-development

Last synced: 26 May 2026

https://github.com/yashi-singh-1/day-45-lightbulb

The Light-Bulb component is an interactive web element built using HTML, SVG & CSS. It's features a light bulb graphic that changes appearance on hover, providing a visual effect of the bulb turning off.

css css-transitions csstransition html html-css htmlcss interactive-design interactivedesign svg svg-css svg-design svgcss svgdesign ui-component ui-components uicomponent web-elements webelements

Last synced: 24 Feb 2025

https://github.com/v-for-vend3tta/responsive-pricing-table

A responsive pricing table in HTML and CSS Flexbox.

css css-transitions flexbox-css html

Last synced: 15 Mar 2025

https://github.com/satiewaltz/has-easing

A tiny validator to check if a string is a valid CSS timing function.

checker css css-transitions easing timing-function validator

Last synced: 16 May 2026

https://github.com/silvestrevivo/react-wend

Small react application fetching data from https://openweathermap.org/api to show custom results

api axios css-transitions reactjs redux sass thunk

Last synced: 11 Apr 2026

https://github.com/andriikot/images_grid

Images Grid

css css-has css-media-queries css-not css-transitions grid hover-effects images

Last synced: 15 Aug 2025

https://github.com/valentinmadiot/background-animation-camping_js

Landing page animée sur le thème du camping, avec GSAP, visuels forestiers et oiseaux animés. Design responsive et immersif, idéal pour événements plein air, sites nature ou réservations.

animated-birds animated-cta animated-header background-illustration camping-landing css-forest-theme css-transitions events-promotion gsap-animation gsap-scroll html-css-js interactive-homepage javascript-vanilla mobile-first-ui modular-css nav-toggle outdoor-experience remix-icons responsive-design visual-branding