Projects in Awesome Lists tagged with hover-effects
A curated list of projects in awesome lists tagged with hover-effects .
https://github.com/strawdynamics/drift
Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.
drift hacktoberfest hover-effects javascript zoom-images
Last synced: 12 Dec 2025
https://imgix.github.io/drift
Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.
drift hacktoberfest hover-effects javascript zoom-images
Last synced: 13 Mar 2025
https://github.com/comehope/front-end-daily-challenges
As of August 2021, 170+ works have been accomplished, challenge yourself each day!
animation button css css-animation css-images css-shapes css3 d3 effect gsap hover-effects html5 javascript layout loader
Last synced: 04 Apr 2025
https://github.com/NigelOToole/direction-reveal
Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.
es6 es6-modules gallery hover hover-effects javascript reveal sass vanilla-javascript vanilla-js
Last synced: 04 May 2025
https://github.com/nigelotoole/direction-reveal
Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.
es6 es6-modules gallery hover hover-effects javascript reveal sass vanilla-javascript vanilla-js
Last synced: 06 Oct 2025
https://github.com/adeolaadeoti/adeolaadeoti-v2
The second iteration of my portfolio
framer-motion hover-effects html-css-javascript locomotive-scroll nextjs personal-site portfolio-website reactjs scss typescript
Last synced: 11 May 2025
https://github.com/codrops/distortedlinkeffects
Some ideas for decorative link distortion effects using SVG filters.
hover-effects links svg-filters
Last synced: 05 Mar 2026
https://github.com/codrops/DistortedLinkEffects
Some ideas for decorative link distortion effects using SVG filters.
hover-effects links svg-filters
Last synced: 02 Apr 2025
https://github.com/enjeck/btns
A collection of buttons with cool hover effects
button buttons css hover-effects
Last synced: 16 Mar 2025
https://github.com/volorf/hover3d.js
A cool 3D hover effect for your awesome web project.
3d 3d-hover 3d-hover-effect apple-tv-hover-effect hover-3d hover-effects
Last synced: 17 Jul 2025
https://github.com/templatecookie/blogy-html
Blogy - Responsive Blog Template with modern blog card and blog details page
blog blog-card blog-details blog-details-page blog-template bootstrap bootstrap4 category figma free free-template hover-effects html html5 open-source open-source-html-template single-page slider template
Last synced: 14 Apr 2025
https://github.com/templatecookie/comforty-html
Comforty - eCommerce HTML Template with some different type of product card and sliders
add-to-cart animation animation-css business business-template categories category-commerce checkout checkout-page css ecommerce ecommerce-website hover-effects html html5 order order-list wishlist
Last synced: 14 Apr 2025
https://github.com/zkreations/imagehover
Open source pure CSS hover effect library for images
css hover-effects image-hover-effect imagehover images nojs
Last synced: 04 May 2025
https://github.com/arslanameer/ui-component-button-border-360
A Stylish and Elegant button Hover Effect (360 fill) made with HTML5 & CSS
button button-animation button-css css-buttons css3 hover-effects html5 pure-css3 ui-component uicomponent
Last synced: 29 Oct 2025
https://github.com/andym80/portfolio-am
Portfolio : setting up a desktop & mobile version
bootstrap css3 flexbox-css flexbox-grid hover-effects html javascript
Last synced: 08 May 2025
https://github.com/SoorajChandran/image-hover-zoom
React component for zoom on hover
hover-effects react react-component reactjs zooming-panning-moving
Last synced: 22 Jul 2025
https://github.com/dynamicdriverepo/cssbuttonhovereffects
Eye Catching CSS button hover effects using pseudo elements
css css-framework css3 css3-animations cssbuttons hover-effects submit-button
Last synced: 14 Oct 2025
https://github.com/santosh-baliarsingh/netflix_homepage
Simple Netflix Landing Page.
css3 flexbox-css hover-effects html5
Last synced: 09 Apr 2025
https://github.com/tanisha03/react-3d-hover
Tiny React Package for a smooth 3D Hover
3d-hover hover-effects microinteractions npm-package react tiny
Last synced: 29 Jul 2025
https://github.com/alizayayesha/cursormagic
Custom cursor using jquery https://alizayayesha.github.io/CursorMagic/
hover-effects html-css-javascript jquery jquery-ajax js mousemove
Last synced: 30 Apr 2025
https://github.com/fdhhhdjd/league-legends-with-react
React Jsx, Scss,Swiper,hover-effect,...
hover-effects reactjsx scss-framework swiper
Last synced: 14 Apr 2025
https://github.com/knowankit/hoveron
🎨 A CSS file to animate buttons on hover
animations bootstrap css hover hover-effects
Last synced: 12 Jun 2025
https://github.com/khujamovcodes/button-hover-effects-with-box-shadow
Button-hover-effects-with-box-shadow
box box-shadow button buttons hover hover-effects
Last synced: 19 Oct 2025
https://github.com/asfak00/samim-travels
"Samim Travels" is a travel website and it's provide tour and foreign visa. This is a react app and in this website I use vite, because vite can provide more faster website loading and others thing. This website not dynamic, is a static website. But full responsive this website for all device.
animation hover-effect hover-effects react react-fontawesome-icons travel-website-react vite
Last synced: 26 Feb 2025
https://github.com/ivan-corporation/glitch-text
This nice and simple (1kB) react component can help you add text glitch animation and have some really cool themes, like orange glitch or blue glitch 🔮
animation css distortion-effects glitch glitch-effect glitching hover-effects nextjs npm-module npm-package react scss text text-animation
Last synced: 12 May 2025
https://github.com/ridalabbar/ridaomar-bootstrap-helper-utilities
This library was developed by CSS3 only and created to be as a utility library for Bootstrap v4 and v5.
addition backgrounds bootstrap bootstrap-4 bootstrap-5 bootstrap4 bootstrap5 css glassmorphism glassmorphism-css hover-effects hovercss sizes text utilites
Last synced: 18 Mar 2025
https://github.com/guto1657/efeito-hover-em-botoes
Efeito Hover em botões com CSS puro
button button-animation button-css css css3 hover hover-effects hovercss pure-css purecss
Last synced: 26 Jul 2025
https://github.com/andreystarkov/react-tilt-hover
image tilt hover effect react component
animation codrops hover-effects react ui
Last synced: 02 Nov 2025
https://github.com/daviskamau/css-animations
css3 animations and hover effects
100daysofcode beginner-friendly css3-animations hover-effects html5
Last synced: 12 Oct 2025
https://github.com/DesignDrastic/text-hover-effects-in-css
Text Hover Effect in CSS
css css-animation-effects css3-animations hover-effects text-animation
Last synced: 03 Apr 2025
https://github.com/erickdc7/image-hover-effect
Image Hover Effect
hover-effects image-hover-effect responsive-design
Last synced: 11 Jan 2026
https://github.com/itsmdyousuf/menubar
This is a modern Menu Bar | just click and hover effect...🏆
css3 hover-effects javascript menu menubar
Last synced: 16 Oct 2025
https://github.com/dropways/react-ripples-hover
button hover hover-effects link react ripple ripple-effect wave-effect
Last synced: 22 Mar 2025
https://github.com/detroja-jenish/web-ui-components
This repo for cool Web Ui Components with layouting, trendy hover transition
3d-animation animation bentobox css-flexbox css-grid css3 dom-manipulation hover-effects html5 javascript particle-effect transition ui-components web web-components
Last synced: 19 Feb 2026
https://github.com/devanonitos/legend-page-ui
LOL landing page
front-end-development game-page hover-effects landing-page reactjs sass-framework swipperjs vitejs
Last synced: 11 Apr 2025
https://github.com/tthayza/rocket-coffee
Criação de uma homepage de uma marca de café, desafio proposto no programa Discover da RocketSeat ☕🚀
discover-rocketseat dom-manipulation hover-effects html-css-javascript navbar responsive-layout
Last synced: 01 Apr 2025
https://github.com/codebysubin/hover_zoom_image
A Flutter package that enables smooth image zoom effects on hover. Ideal for showcasing high-resolution images with an interactive zoom feature, perfect for web applications and galleries.
animations flutter flutter-animation flutter-package flutter-web flutter-widget hover-effects hover-zoom image-zoom mouse-hover
Last synced: 22 Feb 2026
https://github.com/sara-pixie/neon-glass-card
A simple card with gorgeous glass, neon and hover effects
card glassmorphism hover-effects
Last synced: 14 Mar 2025
https://github.com/zilleali/image-carousal-hover-effect-with-slick
Image Carousal hover effect with Slick
css css-animations hover-effects hover-image html js slick slick-carousel slick-slider trending
Last synced: 15 Mar 2025
https://github.com/md-emon-hasan/advanced_part
Containing advanced Python programming tutorials and examples, covering complex topics and practical applications for experienced learners.
accordion animate-css carousel cursor hover-effects loaders mask popup scrollspy
Last synced: 22 Jul 2025
https://github.com/binhnhu1409/fs13_css_sass
css dark-theme flex-layout grid-layout hover-effects html scss theme
Last synced: 24 Mar 2025
https://github.com/manineedtosleep/character_files-v2
Interactive character gallery with smooth hover-to-video transitions and expanding panels. Built with HTML, CSS, JavaScript and GSAP animations.
bootstrap css-animations front-end gsap hover-effects interactive-gallery javascript responsive-design video-transitions web-development
Last synced: 08 Apr 2025
https://github.com/yongmin86k/project__instanews-app
Instanews app project @ RED Academy
accessibility ajax css-flex css-grid custom-select eslint focus-effects gulp hover-effects jquery preprocessor responsive-web-design rwd sass webpack
Last synced: 14 Apr 2025
https://github.com/matiasbacelar98/portfolio-v2
Personal portfolio v2
accessibility css css-animations framer-motion hover-effects nextjs portfolio react reactjs scroll-animations seo-friendly styled-components
Last synced: 26 Mar 2025
https://github.com/erickdc7/magic-animation-button
Magic Animation Button
button-animation geometric-shapes hover-effects
Last synced: 28 Jun 2025
https://github.com/erickdc7/list-design
List UI Design
hover-effects list responsive-design
Last synced: 01 Apr 2025
https://github.com/erickdc7/hover-transition-card-effect
Hover Transition Card Effect
card hover-effects responsive-design transition z-index
Last synced: 01 Apr 2025
https://github.com/iryna-vyshniak/fashion_hero
Hero Block Showcase with GSAP, Three.js, and Hover-Effect
css3 gsap hover-effects html5 threejs vanilla-javascript
Last synced: 02 Apr 2025
https://github.com/intuosol/hover_scale_handler
A Flutter widget that adds hover and tap scale animations to any widget, enhancing user interaction with visual feedback.
animations dart flutter hover-effects interaction
Last synced: 20 Mar 2025
https://github.com/lakshaybhushan/design-hall
designHall. - A minimal - clumsy playground of 16 images that I've created
design hover-effects images nextjs tailwindcss
Last synced: 09 Apr 2025
https://github.com/erickdc7/user-card-design
User Card UI Design
card hover-effects responsive-design
Last synced: 19 Feb 2026
https://github.com/DesignDrastic/beautiful-menulines-effects
Simple Menu & Hover Effects In CSS
css3 hover-effects menu menus navigation
Last synced: 03 Apr 2025
https://github.com/soujo/tic-tac-toe
A classic Tic-Tac-Toe game with two players
css3 hover-effects html5 tictactoe-game two-player vanilla-javascript
Last synced: 13 Apr 2025
https://github.com/alessiovelluso/hover3deffect
A simple function for create that kind-of-3d-effect i keep seeing in modern elements. Feel free to use however you want and again, if anyone has some advices on how to implement it feel free to contact me!
animation effects hover hover-effects js web
Last synced: 07 Oct 2025
https://github.com/devrajdc/colors-landing-page
A responsive landing page for color palette selection with cool hover effects.
animations color-palettes colors gradients hover-effects uidesign
Last synced: 08 Oct 2025
https://github.com/tdjsnelling/use-bg-cursor-pos
This library provides a custom React hook to add a highlight / spotlight type effect to the background of a DOM element that follows the cursor as it moves.
css-animations hover-effects react react-hooks typescript
Last synced: 02 Apr 2025
https://github.com/manthanthakor/hoverfx
A comprehensive collection of stunning hover effects created with HTML, CSS, and JavaScript. This repository showcases various hover effect techniques that web developers can implement in their projects.
animation cool-effect hover-effects html-css-javascript responsive-web-design
Last synced: 24 Jan 2026
https://github.com/erickdc7/menu-item-hover-effect
Menu Item Hover Effect
dark-theme hover-effects menu menu-item responsive-design
Last synced: 10 Aug 2025
https://github.com/nikoloza23/my-portfolio
Nick-Abashia About-Myself
hover-effects html-css-javascript linkedin links responsive services styled-components testimonials
Last synced: 14 Oct 2025
https://github.com/hunzaboy/flex-gallery-with-fisheye-effect
Flexbox based image gallery.
css flexbox gallery hover-effects
Last synced: 21 Mar 2025
https://github.com/erickdc7/card-hover-effect
Card Hover Effect
card dark-theme hover-effects responsive-design
Last synced: 27 Oct 2025
https://github.com/mo-jasim/hoverboard
This Hoverboard App provides a fun and educational way to explore how CSS hover effects and JavaScript can work together to create dynamic and responsive user interactions
css hover-effects hoverboard hoverboard-app hoverboard-effect hoverboard-sideboards hovercss html javascript
Last synced: 14 Mar 2025
https://github.com/erickdc7/metal-slug-cards
Metal Slug Cards
card hover-effects metal-slug responsive-design
Last synced: 25 Feb 2026
https://github.com/bedimcode/dropdown-menu-2
Dropdown Menu HTML CSS | Hover Effects
dropdown-list dropdown-menus hover-effects
Last synced: 08 Feb 2026
https://github.com/erickdc7/flip-card
Flip Card
3d-flip-card hover-effects responsive-design
Last synced: 12 Feb 2026
https://github.com/irina-anat/goit-markup-hw-04
focus-effects hover-effects shadow svg-icons svg-sprites
Last synced: 01 Mar 2026
https://github.com/lotusk08/instantview
Make the website faster by preloading pages on hover
hover-effects instantclick instantview javascript preloading
Last synced: 09 Oct 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: 18 Aug 2025
https://github.com/ibrahimalsabr/booki-template
This is a project for creating Booki Template using HTML and CSS.
css css-flexbox css-grid-layout hover-effects html-template html5 responsive-web-design
Last synced: 31 Jul 2025
https://github.com/irfanihbro/socialcards
Follow me :v
cards fill hover-effects socialmedia
Last synced: 26 Mar 2025
https://github.com/azaanullah-khan/img-transition
img transition: it changes img of body onclick
Last synced: 02 Feb 2026
https://github.com/motazaboassi/template-5
This website is a responsive, modern template designed for portfolios or landing pages. It includes key elements like a fixed navigation bar, hero section, service cards, a portfolio grid, and a footer with contact links. The design focuses on simplicity and smooth user experience, featuring hover effects and scroll animations
animations bootstrap-4 copyright-notice css css3 fixed-header grid-gallery grid-layout hover-effects js menu-links responsive-design technologies
Last synced: 17 Mar 2025
https://github.com/ibrahimalsabr/elzero-template
This is a project for creating Elzero Template using HTML and CSS.
background-image css css-animations css-flexbox css-grid hover-effects html media-queries responsive-design
Last synced: 27 Mar 2025
https://github.com/ahmedmitwally77/devfolio-bootstrab
Devfolio is a modern and responsive portfolio website template, designed for developers to showcase their work, skills, and projects. It is built using HTML, CSS, and Bootstrap, making it easy to customize and use
bootstrap5 css3 fontawesome hover-effects hrml5 navtabs slides
Last synced: 20 Mar 2025
https://github.com/bhanupm07/bday-gift-site
Birthday Gift Web app | Scrimba | CSS
background-image gradient hover-effects
Last synced: 10 Jul 2025
https://github.com/fatihycan/images-gallery
css3 hover-effects html5 javascript react responsive-design
Last synced: 09 Sep 2025
https://github.com/amoosghori/awesome-effect
Discover the best resources for the Effect ecosystem. Explore libraries, articles, and more. Join the community on GitHub! 🌟🚀
3d-hover android apple-tv-hover-effect awesome framer-motion game-development hdrp hover-3d hover-effects library lists materialcomponents react tour user-guide vfx visual-graph web-effect
Last synced: 13 Jul 2025
https://github.com/github-dev12345/huddle-landing-page-with-alternating-feature-blocks-challenge-hub
Finally i complete this challenge 😁👌👌 & my Third SASS/SCSS project. Using CSS-FlexBox, But SASS powers and method very usefull this project like : Mixing, variables, extend, partails And one of the best SASS feature is Nesting😁😉
button hover-effects mediaquery mobile-re preprocessor responsive-design sass sass-mixins scss
Last synced: 23 Feb 2025
https://github.com/elena-in-code/flip-information-cards
web interactive and responsive feature
css-animations css3 flip-animation hover hover-effects html5
Last synced: 30 Oct 2025
https://github.com/nandhakumarnagaraj/item_hover
Hover effect
grid-layout hover-effects responsive-layout
Last synced: 20 Jan 2026
https://github.com/sondosaabed/hovering-around-elements
This html and css practice hovering around elements
css hover-effects html practice responsive
Last synced: 14 May 2025
https://github.com/nagababunarise/my-portfolio-website
My_Portfolio_Site
bootstrap5 css font-awesome hover-effects html
Last synced: 31 Dec 2025
https://github.com/ezrarieben/hovimg-z
A jquery plugin that changes the source of an image upon hover
animation effects hover hover-effects images jquery jquery-plugin
Last synced: 26 Jun 2025
https://github.com/focusthen/fashion-website
Fashion, Website, Design to Code, Animations, HoverEffect
animation-css css fashion greensock hover-effects html5
Last synced: 29 Mar 2025
https://github.com/yashi-singh-1/image-hover-zoom-challenge
Create a responsive grid of images with engaging hover effects using HTML and CSS.
css css-hover css-hover-effects css-hovereffects css3 csshover csshover-effects front-end front-end-challenge frontend frontend-challenge hover-effects hovereffects html html-css html-css-challenge html5 htmlcss htmlcss-challenge htmlcsschallenge
Last synced: 24 Feb 2025
https://github.com/wesselvanree/tailwindcss-hover-hover
Additional tailwindcss hover variants for non-touch devices.
hover-effects tailwindcss tailwindcss-plugin
Last synced: 01 Mar 2025
https://github.com/markmhendrickson/ember-cli-mq4-hover-shim
Ember addon for mq4-hover-shim
ember ember-addon hover-effects
Last synced: 05 Mar 2025
https://github.com/anurag-kumar-molankala/hover-cat-mouse
Understanding of Hover
css3 gif-animation hover-effects html5
Last synced: 25 Jan 2026
https://github.com/rohitumbare/cuberto
Cuberto is an innovative and visually captivating web page designed to showcase dynamic animations, interactive media, and cutting-edge web effects. Built with HTML, CSS, and JavaScript, this project focuses on creating an engaging user experience with smooth transitions, captivating hover effects, and interactive navigation features.
css hover-effects html javascript magneticeffect mousefollower scroll-animations sheryjs
Last synced: 01 Apr 2025
https://github.com/pablowib/easy-bank
Easybank Landing Page: Explore a responsive design with captivating animations on load and scroll. Intuitive hover effects enhance user interaction, while a mobile-friendly burger menu ensures seamless navigation.
accessibility animations-onload-and-onscroll cross-browser-compatibility frontend-development hover-effects html-css-javascript-jquery-sass mobile-friendly-navigation responsive-design ui-ux-design web-development-best-practices
Last synced: 30 Oct 2025
https://github.com/bloomscorp/bmx-zoomify
Angular library to zoom / magnify images on hover.
angular angularlibrary bmx-zoomify hover-effects typescript zoom-images
Last synced: 16 Jan 2026
https://github.com/fatihycan/clarus-image
css3 flexbox hover-effects html5 responsive-design
Last synced: 05 Mar 2025
https://github.com/junaidhassan19/html-css-course
The repository contains HTML and CSS files aimed at providing a course or tutorial on these technologies. It is predominantly composed of HTML (73.4%) and CSS (26.6%).
css-animations css-animations- css-flexbox css-grid css-grid-layout css-modules css3 hover-effects html5
Last synced: 19 Jul 2025
https://github.com/agusscript/order-summary-component
Front End Mentor challenge
css3 flexbox front-end-development hover-effects html5
Last synced: 05 Mar 2025
https://github.com/shivamchawda/landing-page
A Clean Landing Page Template
hover-effects landingpage template
Last synced: 09 Mar 2026
https://github.com/jacobkosmart/btn-hover-animation
sample button hover animation
Last synced: 08 Nov 2025
https://github.com/valentinmadiot/gallery-movies_css
Galerie responsive dédiée aux films cultes des années 90 et 2000. Mosaïque fluide en HTML/CSS pur, effets de survol dynamiques, ratios variés pour un rendu cinématographique immersif et inspirant.
brightness cinema-scenes css-flexbox-layout css-gallery cult-movies frontend gallery-images gallery-layout hover-effects html-css-only html5-css3 image-mosaic media-queries modern-gallery modern-layout movies-gallery pure-css-ui responsive-gallery responsive-ui webp-images
Last synced: 19 Feb 2026
https://github.com/kjabeen/faq-accordion-card
FAQ-Accordion-Card
css flexbox foreach-loop hover-effects html ifelse javascript responsive-web-design rotation
Last synced: 08 Aug 2025
https://github.com/flaviohfsilva/menu-indicator
Menu Indicator em que mostra algumas redes sociais na qual você é direcionado aos seus sites.
Last synced: 06 Mar 2025
