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: 11 Mar 2026
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/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/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/santosh-baliarsingh/netflix_homepage
Simple Netflix Landing Page.
css3 flexbox-css hover-effects html5
Last synced: 09 Apr 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/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: 19 Apr 2026
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: 15 Mar 2026
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/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: 16 May 2026
https://github.com/andreystarkov/react-tilt-hover
image tilt hover effect react component
animation codrops hover-effects react ui
Last synced: 20 Apr 2026
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: 14 May 2026
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/dropways/react-ripples-hover
button hover hover-effects link react ripple ripple-effect wave-effect
Last synced: 15 May 2026
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/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/daviskamau/css-animations
css3 animations and hover effects
100daysofcode beginner-friendly css3-animations hover-effects html5
Last synced: 12 Oct 2025
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/developer-zahid/moveable-menu-hover
Moveable Menu Hover is a CSS & JavaScript based interactive menu hover effect.
css css3 hover-effects javascript menu menubar
Last synced: 01 May 2026
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: 17 May 2026
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/binhnhu1409/fs13_css_sass
css dark-theme flex-layout grid-layout hover-effects html scss theme
Last synced: 16 Apr 2026
https://github.com/erickdc7/flip-card
Flip Card
3d-flip-card hover-effects responsive-design
Last synced: 12 Feb 2026
https://github.com/erickdc7/magic-animation-button
Magic Animation Button
button-animation geometric-shapes hover-effects
Last synced: 28 Jun 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/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: 07 Apr 2026
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: 17 Apr 2026
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: 11 Apr 2026
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: 17 Apr 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/top-submissions/foundations-calculator
arithmetic beginner-project calculator clean-design css dom-manipulation event-listeners foundations-path frontend functional-programming hover-effects html input-validation interactive-ui javascript mini-project odin-project responsive-design student-project web-development
Last synced: 31 May 2026
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: 21 May 2026
https://github.com/nikoloza23/my-portfolio
Nick-Abashia About-Myself
hover-effects html-css-javascript linkedin links responsive services styled-components testimonials
Last synced: 21 Apr 2026
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/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/DesignDrastic/beautiful-menulines-effects
Simple Menu & Hover Effects In CSS
css3 hover-effects menu menus navigation
Last synced: 03 Apr 2025
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/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: 30 Apr 2026
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/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/erickdc7/card-hover-effect
Card Hover Effect
card dark-theme hover-effects responsive-design
Last synced: 27 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: 09 May 2026
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/erickdc7/user-card-design
User Card UI Design
card hover-effects responsive-design
Last synced: 19 Feb 2026
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/iwatanikenji/ballerini-bot
Simple landing page design with smooth hover transitions on buttons.
bot hover-effects landing-page rafaballerini
Last synced: 09 Apr 2025
https://github.com/mdjamin/glowing-pricing-cards-html-css-javascript-responsive-ui
Modern, responsive pricing card UI with glowing hover effects built in HTML, CSS and vanilla JavaScript. Lightweight, fully interactive and ideal for showcasing services or subscription plans
css frontend-design glowing-cards hover-effects html interactive-ui javascript modern-web-design pricing-cards responsive-ui ui webcomponents
Last synced: 04 May 2026
https://github.com/rizkyngrh23/expand-hover-effect
The Expand Hover Effect animates character cards on hover, expanding them to reveal videos and descriptions, enhancing user engagement and visual appeal.
css-card-animation gsap-animation hover-effects html-css-javascript html5
Last synced: 26 Jan 2026
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: 21 May 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: 12 Apr 2026
https://github.com/markmhendrickson/ember-cli-mq4-hover-shim
Ember addon for mq4-hover-shim
ember ember-addon hover-effects
Last synced: 07 May 2026
https://github.com/ishaa80/mouse-cursor_js
A fun and interactive project where a moon-shaped element smoothly follows the mouse cursor in real time. Includes a visually appealing background and hover effects for added interactivity.
css3 hover-effects html5 javascript mouse-movement
Last synced: 29 Apr 2026
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/angelhtml/star_boy
Background Clip Hover Effect 🔥✨
angelcodestyle animation animation-css background background-clip css dualipa fn future future-nostalgia hover hover-effects hovercss html purecss
Last synced: 25 Jul 2025
https://github.com/teotimepacreau/text-landing-animation-and-variable-fonts-day5-of-100daysofcode
Text landing animation and variable fonts built with GSAP, CSS, HTML
100daysofcode css gsap hover-effects html smooth-transition text-animation variablefonts
Last synced: 16 Apr 2026
https://github.com/loosenthedark/ci_transition-property
code-institute css-transitions css3 frontend hover-effects html5
Last synced: 14 Jun 2025
https://github.com/azaanullah-khan/img-transition
img transition: it changes img of body onclick
Last synced: 02 Feb 2026
https://github.com/robert-ds/glow-hover
Glow hover efect
css3 hover-effects html-css html5
Last synced: 23 Oct 2025
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/top-submissions/foundations-etch-a-sketch
beginner-project css css-grid dom-manipulation drawing-app dynamic-elements etch-a-sketch event-listeners foundations-path frontend fun-project hover-effects html interactive-ui javascript mini-project odin-project responsive-design student-project web-development
Last synced: 31 May 2026
https://github.com/kjabeen/newsletter-signup-with-success-message
Newsletter-signup-with-success-message
addeventlistener css emailvalidation flex focus font-face form hover-effects html ifelse input javascript linear-gradient placeholder preventdefault
Last synced: 11 May 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/agusscript/order-summary-component
Front End Mentor challenge
css3 flexbox front-end-development hover-effects html5
Last synced: 01 Jun 2026
https://github.com/irfanihbro/socialcards
Follow me :v
cards fill hover-effects socialmedia
Last synced: 26 Mar 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/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: 15 Apr 2026
https://github.com/mena-erian/bakery
first project with css
css display float hover-effects html position pseudoelements spacing
Last synced: 30 Jan 2026
https://github.com/felipecastro2021/hover-slider-onepiece
Projeto de prática com Hover Effect de expandir a imagem, feito com FlexBox.
flexbox-css hover-effects onepiece
Last synced: 25 Feb 2026
https://github.com/irina-anat/goit-markup-hw-04
focus-effects hover-effects shadow svg-icons svg-sprites
Last synced: 19 Mar 2026
https://github.com/imkyssa/twitter-video-modal-hover
A userscript that enhances Twitter / X by displaying videos in a hover-activated modal preview — smooth, high-resolution, and completely blob-safe.
canvas hover hover-effects javascript modal tampermonkey twitter userscript video x
Last synced: 17 Apr 2026
https://github.com/alexanyernas/card-hover-effect-youtube
Card con efecto hover desarrollada para el canal de YouTube utilizando únicamente HTML y CSS
Last synced: 17 Apr 2026
https://github.com/dmitry145528/react-mesto-auth
Проект "Mesto (React)" - это веб-приложение для обмена фотографиями и путешествиями, разработанное с использованием React. Пользователи могут просматривать фотографии различных мест, добавлять свои собственные фотографии, ставить лайки и редактировать свой профиль.
adaptive api-rest array-methods bem-nested css flexbox forms grid hooks hover-effects import-export jsx media modules position react validation
Last synced: 20 Apr 2026
https://github.com/narmingafarova/archo-website
Themeforest "Archo" template
animation hover-effects isotope sass themeforest
Last synced: 20 Apr 2026
https://github.com/valentinmadiot/img-slider-gallery_js
Slider d’images avec miniatures interactives, design responsive et transitions fluides. Réalisé avec Swiper.js, HTML, CSS et JavaScript. Idéal pour galeries ou portfolios visuels.
animation carousel creative-ui css frontend gallery hover-effects html image-slider javascript lightbox minimalist modern-ui no-framework responsive responsive-design swiperjs ui-components vanilla-js webdesign
Last synced: 27 Apr 2026
https://github.com/lujaina-ali32/bootstrap-project
Profil pic clone using Bootstrap
bootstrap5 css3 hover-effects html5 linear-gradient
Last synced: 27 Apr 2026
https://github.com/mayen007/nft-preview-card
A responsive NFT preview card component built with HTML and CSS. The project showcases an interactive design with hover effects and a mobile-first approach. It displays an NFT image, title, price, and creator info, following the challenge by Frontend Mentor.
accessibility beginner-friendly card-component css-variables css3 flexbox frontend-mentor frontendmentor-challenge hover-effects html-css html5 mobile-first ui-design web-development
Last synced: 28 Apr 2026
https://github.com/dpbm/hoversimpleanimation
A simple animation using hover
animation css css3 hover-effects html html-css-javascript html5 javascript website website-design website-development
Last synced: 28 Apr 2026
