GitHub topics: hover-effects | Ecosyste.ms: Repos

KeilaSouza1/Navbar-planetas

Este repositório contém um projeto de barra de navegação inspirada nos planetas do sistema solar. 🌌 Explore o código e veja como a simplicidade do HTML5 e CSS3 pode criar uma experiência visual única. 💻

Language: CSS - Size: 324 KB - Last synced at: about 9 hours ago - Pushed at: about 11 hours ago - Stars: 1 - Forks: 0

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.

Language: HTML - Size: 56.8 MB - Last synced at: about 13 hours ago - Pushed at: about 14 hours ago - Stars: 0 - Forks: 0

Wahaj-Developer/Ecommerce-frontend-design.

E-commerce website with responsive design. Features: homepage, product categories, detail pages, cart functionality. Built with HTML/CSS using modern UI principles. Includes filtering, sorting, and clean aesthetic.

Language: HTML - Size: 5.19 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 0 - Forks: 0

bedimcode/dropdown-menu-2

Dropdown Menu HTML CSS | Hover Effects

Language: HTML - Size: 87.9 KB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 1 - Forks: 0

strawdynamics/drift

Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.

Language: JavaScript - Size: 11.1 MB - Last synced at: 5 days ago - Pushed at: 12 months ago - Stars: 1,562 - Forks: 120

hassanowner/game-hover-list

nteractive-game-list أو hover-game-showcase.

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

Detroja-Jenish/web-ui-components

This repo for cool Web Ui Components with layouting, trendy hover transition

Language: HTML - Size: 4.01 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 2 - Forks: 0

sharky-2/meme-generator-extension

Chrome extension that display random memes / jokes on image when hovered.

Language: JavaScript - Size: 10.7 KB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 0 - Forks: 0

Say-Frhn/NavigationStyle

Pure CSS Glass Navigation ( Full responsive ) *-*

Language: CSS - Size: 67.4 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 0 - Forks: 0

slayer-br/four-cards-feature-section

Projeto desenvolvido para fins de estudo. Desafio do Frontend Mentor.

Language: CSS - Size: 611 KB - Last synced at: 24 days ago - Pushed at: 24 days ago - Stars: 0 - Forks: 0

MilosCemalovic/cemalovic-cv

This portfolio website contains: SASS, CSS Grid, CSS Flexbox, HTML5, BEM Architecture, DRY Methodology, SVG (sprite) icons, clean and reusable code as well as links to my projects in Angular, Web Design and PHP.

Language: HTML - Size: 55.6 MB - Last synced at: 28 days ago - Pushed at: 28 days ago - Stars: 2 - Forks: 0

NigelOToole/direction-reveal

Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.

Language: CSS - Size: 1.36 MB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 524 - Forks: 39

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: about 1 month ago - Pushed at: almost 2 years ago - Stars: 742 - Forks: 154

saad-shaikh-256/Netflix-Landing-Page-Clone

This project is a Netflix landing page clone built using **HTML** and **CSS**. It has a modern and responsive design, providing a smooth and visually appealing experience across different devices. The layout mirrors the original Netflix interface and includes subtle animations for interactivity.

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

chipsxp/Responsive-CSS-HTML-Bootstrap-5.3

This project demonstrates responsive web design principles using HTML5, CSS3, and Bootstrap 5.3. It features a mobile-first approach with adaptive layouts that respond to different screen sizes while maintaining visual consistency and usability..

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

adeolaadeoti/adeolaadeoti-v2

The second iteration of my portfolio

Language: TypeScript - Size: 3.72 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 193 - Forks: 39

Gabiika004/creatures-animation-gradient

A magical creature card showcase built entirely with CSS. Hover to reveal animated auras, glowing text, and layered transformations — no JavaScript needed.

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

Mvnsour/Booki-Projet-2_Openclassrooms

Travel agency home page's Booki

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

lotusk08/instantview

Make the website faster by preloading pages on hover

Language: JavaScript - Size: 32.1 MB - Last synced at: 13 days ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

Lujaina-ali32/Bootstrap-project

Profil pic clone using Bootstrap

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

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.

Language: HTML - Size: 2.95 MB - Last synced at: 10 days ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

sabina929/Peter-Paul-Rubens

A Gallery website consists of Peter Paul Rubens's paintings (It was made for practice, not for commercial purposes).

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

templatecookie/comforty-html

Comforty - eCommerce HTML Template with some different type of product card and sliders

Language: HTML - Size: 5.25 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 13 - Forks: 3

thehannankhan/Eid-Mubarak-Landing-Page

A shot at creatively using css' hover attribute to create a visually pleasing landing page, Live Preview:

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

codrops/DistortedLinkEffects

Some ideas for decorative link distortion effects using SVG filters.

Language: JavaScript - Size: 10.7 KB - Last synced at: 3 months ago - Pushed at: over 5 years ago - Stars: 140 - Forks: 21

ManINeedToSleep/Character_Files-V2

Interactive character gallery with smooth hover-to-video transitions and expanding panels. Built with HTML, CSS, JavaScript and GSAP animations.

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

enjeck/btns

A collection of buttons with cool hover effects

Language: CSS - Size: 575 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 111 - Forks: 12

Smaraki123pani/Responsive-Sidebar

A Responsive Sidebar Application built using HTML and CSS. The sidebar remains hidden by default and appears when the user hovers over the sidebar icon, providing an interactive and space-efficient navigation experience.

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

MarleyCastro/Travel-Website

Projeto de Landing Page de Viagens com Vídeo de Fundo Este projeto é uma landing page moderna e minimalista voltada para o tema de viagens,

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

intuosol/hover_scale_handler

A Flutter widget that adds hover and tap scale animations to any widget, enhancing user interaction with visual feedback.

Language: Dart - Size: 6.49 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

templatecookie/blogy-html

Blogy - Responsive Blog Template with modern blog card and blog details page

Language: HTML - Size: 8.39 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 21 - Forks: 10

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%).

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

Smaraki123pani/Image-Gallery-Demo

A dynamic and interactive Image Gallery Application built using HTML, CSS, and JavaScript. This project allows users to seamlessly scroll through images using a mouse wheel or trackpad, navigate using arrow buttons, and experience smooth image transformations on hover.

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

matiasbacelar98/portfolio-v2

Personal portfolio v2

Language: TypeScript - Size: 7.41 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

qarayahya/enable-hover-color

Add color hover effects to core blocks easily with customizable transitions.

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

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.

Language: HTML - Size: 18.4 MB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

NN-Bayat/My-Portfolio__1-7-2025

{ Not my actual portfolio. ]-------------------- A modern and responsive portfolio website crafted with HTML, CSS, and JavaScript. It highlights my skills with smooth CSS animations and a clean, professional design. Fully optimized for all devices, offering an engaging and seamless user experience.

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

Harsha0987/Music-App-Webpage

A sleek, interactive music app webpage featuring album cards with 3D hover effects, a custom audio player, and a stunning full-screen background. Built with HTML, CSS, and JavaScript.

Language: HTML - Size: 19.5 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

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.

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

VladimirSaenko/Hexagon-FormX-Hover

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

VladimirSaenko/Hexagon-CircleForm-Hover

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

VladimirSaenko/VideoOnHover

Language: CSS - Size: 18.9 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 3 - Forks: 0

Brand0n1/HoverStats-Test

A server-side chat plugin that allows for more user interactions with chat by adding in hoverable text.

Language: Java - Size: 95.7 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

ArslanAmeer/Ui-Component-Button-Border-360

A Stylish and Elegant button Hover Effect (360 fill) made with HTML5 & CSS

Language: CSS - Size: 18.6 KB - Last synced at: 3 months ago - Pushed at: about 7 years ago - Stars: 11 - Forks: 1

AlizayAyesha/CursorMagic

Custom cursor using jquery https://alizayayesha.github.io/CursorMagic/

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

StarKnightt/IconsHoverEffect

Explore this repository to discover a stylish and responsive hover effect implemented with FontAwesome icons. The design showcases a row of icons, each with an interactive hover effect featuring smooth transitions, including a subtle shadow effect and scaling for an elegant touch.

Language: CSS - Size: 4.88 KB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

ishaanSh06/Magnetic-Button

Magnetic Button (Hover effect)

Language: JavaScript - Size: 8.79 KB - Last synced at: 4 months ago - Pushed at: 8 months ago - Stars: 2 - Forks: 0

Mayen007/order-summary-component

A responsive Order Summary Card component built with semantic HTML, CSS, and custom fonts. Designed as a solution for the Frontend Mentor challenge, showcasing hover states, reusable styles, and mobile-first design.

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

nikorion/Neon

Neon Effect

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

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

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

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

Language: CSS - Size: 8.75 MB - Last synced at: 20 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

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.

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

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.

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

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.

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

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

Language: JavaScript - Size: 30.3 KB - Last synced at: 3 months ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0

bloomscorp/bmx-zoomify

Angular library to zoom / magnify images on hover.

Language: TypeScript - Size: 412 KB - Last synced at: 5 days ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

lisavanmansom/user-experience Fork of fdnd-task/enhanced-website

Ontwerp en maak een website voor een opdrachtgever waarbij je de website verrijkt volgens het principe van progressive enhancement

Language: CSS - Size: 2.14 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

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.

Language: TypeScript - Size: 4.88 KB - Last synced at: 15 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

acchinosorara/hyoko-button

キャラクターがひょこっと出てくるボタン

Language: JavaScript - Size: 11.7 KB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

Santosh-Baliarsingh/NetFlix_Homepage

Simple Netflix Landing Page.

Language: CSS - Size: 1.27 MB - Last synced at: 3 months ago - Pushed at: over 3 years ago - Stars: 5 - Forks: 1

wafae-haida/Social-links-profile-Project

Building a profile card to match the design using HTML & CSS.

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

KhujamovCodes/Button-hover-effects-with-box-shadow

Button-hover-effects-with-box-shadow

Language: SCSS - Size: 6.84 KB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 4 - Forks: 0

nandhakumarnagaraj/Item_Hover

Hover effect

Language: HTML - Size: 1.95 KB - Last synced at: 2 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Iryna-Vyshniak/fashion_hero

Hero Block Showcase with GSAP, Three.js, and Hover-Effect

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

KuloverovaOlga/PortfolioOld

portfolio_website

Language: HTML - Size: 24 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

DevAnonitos/legend-page-UI

LOL landing page

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

LimitlessProgrammer/Video-Player

Video-Player

Language: CSS - Size: 4.39 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

anushkaa-02/Hoverboard

Hoverboard project

Language: JavaScript - Size: 2.93 KB - Last synced at: 10 months ago - Pushed at: almost 4 years ago - Stars: 2 - Forks: 0

malek-bt/Portfolio

This is my new portfolio website.

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

FatihYcan/Images-Gallery

Language: JavaScript - Size: 180 KB - Last synced at: 4 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

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!

Language: JavaScript - Size: 20.5 KB - Last synced at: 10 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

FatihYcan/clarus-image

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

Bharadwaja-sahoo/Project-Showcase-Effect

ShowCase Project Effect

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

SortedCoding/ButtonOnHoverEffect

using Html and CSS only

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

Arbaz355/flip-card

A Card which flips on hover

Language: CSS - Size: 1.95 KB - Last synced at: 11 months ago - Pushed at: almost 5 years ago - Stars: 0 - Forks: 0

call0fcode/Basic-CSS-animations-collection

A small collection of simple CSS-animations on boxes.

Language: CSS - Size: 12.7 KB - Last synced at: 11 months ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

Doko-Demo-Doa/react-3d-hover-card

React hover card component. Inspired from Steam Trading Card effect

Language: TypeScript - Size: 656 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

Volorf/Hover3D.js

A cool 3D hover effect for your awesome web project.

Language: JavaScript - Size: 1.28 MB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 76 - Forks: 10

iabhaysingh3/Hover-Effect-UI-Design

I have created a project Card Hover Effect UI UX Design using HTML & CSS

Language: CSS - Size: 1000 Bytes - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

abrarul-hoque/uk-tell

UK Tell offers no-contract SIM plans with competitive prices, featuring flexible data, minutes, and texts. Plans include no speed restrictions, free EU roaming, and easy online ordering with free delivery. No credit checks required, and international calling rates are affordable, with 100 free minutes to 41 countries.

Language: HTML - Size: 31.5 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

abrarul-hoque/popit

Popit Mobile offers a straightforward mobile network experience without speed restrictions, credit checks, or contracts. Choose from plans featuring unlimited calls and texts, with data options from 1 GB to 60 GB. Select, checkout, and start using the service hassle-free.

Language: HTML - Size: 15.2 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

abrarul-hoque/menufast

MenuFast simplifies food ordering from local restaurants. Users can find nearby restaurants, browse menus, order for delivery or pickup, and track orders in real-time. It offers diverse cuisines, secure payments, and rewards for regular users.

Language: CSS - Size: 174 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

abrarul-hoque/isfbd

International Student Forum, Bangladesh (ISFBD) supports international students in Bangladesh with information, events, resources, and community engagement. It's a platform for sharing experiences, seeking advice, and participating in cultural and educational activities to enhance the international student experience through collaboration.

Language: JavaScript - Size: 21.7 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0