An open API service providing repository metadata for many open source software ecosystems.

GitHub topics: web-animation

hey-itz-sameerkhan/animation-project

A lightweight, high-performance scroll animation powered by the Canvas API and GSAP ScrollTrigger โ€” delivering ultra-smooth, frame-accurate 3D motion using image sequences. No WebGL. No external libraries. Just pure, scalable frontend craftsmanship โœจ

Language: JavaScript - Size: 68.7 MB - Last synced at: 1 day ago - Pushed at: 2 days ago - Stars: 1 - Forks: 0

davidyen1124/fireworks

๐ŸŽ† Interactive fireworks that won't get you arrested by the fire department\! Click to explode things digitally. Features: particle physics, questionable life choices, and more badges than a Boy Scout convention.

Language: JavaScript - Size: 9.48 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 3 - Forks: 1

ValentinMadiot/background-parallax-egypt_js

Animation parallax immersive sur fond de dรฉsert รฉgyptien, combinant plusieurs calques animรฉs au scroll pour crรฉer un rendu visuel cinรฉmatographique. Design responsive, scroll fluide.

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

yesiamrocks/cssanimation

CSS Animation Library for Developers and Ninjas

Language: CSS - Size: 19.5 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 290 - Forks: 67

ValentinMadiot/background-parallax-mountain_js

Landing page immersive avec effet parallax 3D rรฉactif aux mouvements du curseur. Responsive complet, animations fluides, profondeur visuelle, et design centrรฉ sur lโ€™impact visuel en plein รฉcran.

Language: HTML - Size: 64.6 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

ValentinMadiot/background-animation-halloween-1_js

Animation web immersive sur le thรจme dโ€™Halloween, avec dรฉcor animรฉ, GSAP, effets visuels et menu responsive. Parfait pour une landing page saisonniรจre ou un projet front-end festif.

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

friction2d/friction Fork of MaurycyLiebner/enve

Friction Graphics

Language: C++ - Size: 107 MB - Last synced at: 16 days ago - Pushed at: 16 days ago - Stars: 564 - Forks: 21

SilentProgrammer-max/AyeshaTechX-Website

AyeshaTechX โ€“ Where innovation meets smart technology. We provide future-ready digital solutions to power your success.

Language: CSS - Size: 12.3 MB - Last synced at: 19 days ago - Pushed at: 19 days ago - Stars: 0 - Forks: 0

smurf11k/bday-cake

Personalized animated birthday cake page, based on a CodePen template ๐ŸŽ‚

Language: HTML - Size: 54.7 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 0 - Forks: 0

sergey-pimenov/awesome-web-animation

A list of awesome web animation libraries, books, apps etc.

Language: JavaScript - Size: 8.82 MB - Last synced at: 18 days ago - Pushed at: almost 2 years ago - Stars: 1,403 - Forks: 72

kahkasha17/Sidecup-Family-Golf

๐ŸŒ๏ธโ€โ™‚๏ธ Funky Golf Landing Page โ›ณ | Pure HTML, CSS, JS + GSAP magic โœจ | Fully animated & super smooth โ€” just swing & scroll! ๐Ÿ’ฅ๐ŸŽฏ

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

saad-shaikh-256/Cool-Login-Ui

The Cool Login Page is a responsive web design created using pure HTML, CSS, JS and GSAP. It features a clean and modern interface, perfect for user authentication purposes. The design includes a registration page, a welcome page, and a login page, ensuring a smooth user experience.

Language: CSS - Size: 6.59 MB - Last synced at: 29 days ago - Pushed at: 29 days ago - Stars: 0 - Forks: 0

animatry/animatry

Javascript animation library.

Language: TypeScript - Size: 104 KB - Last synced at: 28 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

adiyaan010205/Contact_Form

Creative Contact Form is a sleek, accessible, and fully responsive web form built using HTML, CSS, and JavaScript. It emphasizes a calm user experience with a nature-inspired color palette, smooth animations, and real-time validation. Designed for clarity, accessibility, and a touch of elegance.

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

nidhiupman568/Interactive-Web-Projects

๐ŸŽ‰ Hi there! ๐ŸŽ‰ I'm excited ๐Ÿคฉ to share my journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. From building simple websites ๐ŸŒ, creating interactive games ๐ŸŽฎ, and designing responsive navigation bars ๐Ÿงญ, to animating buttons ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€ These experiences have helped me grow and develop more complex web projects ๐ŸŒŸ.

Language: HTML - Size: 84 KB - Last synced at: 7 days ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

masterjaneza/Horizontal-Scroll-Gallery---V5

A lightweight, responsive, and fully interactive horizontal scroll gallery built with pure HTML, CSS, and modular JavaScript. Includes smooth scrolling and a refined UI. Ideal for portfolios, product showcases, and creative layouts.

Language: CSS - Size: 142 KB - Last synced at: 5 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

masterjaneza/Horizontal-Scroll-Gallery---V4

A lightweight, responsive, and fully interactive horizontal scroll gallery built with pure HTML, CSS, and modular JavaScript. Includes smooth scrolling and a refined UI. Ideal for portfolios, product showcases, and creative layouts.

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

sanyabeast/tweener ๐Ÿ“ฆ

Lightweight JavaScript animation library for creating smooth tweens with customizable easing functions. Features chainable API, multiple easing styles, repeating/yoyo animations, comprehensive callback system, and UMD compatibility. Perfect for animating DOM elements with precise timing control.

Language: JavaScript - Size: 18.6 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 2 - Forks: 0

JayVeDev/Horizontal-Scroll-Gallery---V5

Explore the Horizontal Scroll Gallery V5, designed for a seamless visual experience using pure HTML, CSS, and JavaScript. This version enhances design, modularity, and responsiveness, making it perfect for showcasing your work. ๐ŸŒŸ๐Ÿ‘ฉ๐Ÿ’ป

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

YT-PixelPerfectLabs/animated-bottle-scroll

A high-end product showcase built with GSAP ScrollTrigger, featuring scroll-based bottle animations, pin transitions, and a responsive vintage-style layout. Smooth, interactive, and crafted for modern frontend storytelling.

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

cloudwafu/Horizontal-Scroll-Gallery---V4

A modern horizontal scrolling gallery that enhances user experience with intuitive navigation and improved responsiveness. Built with pure HTML, CSS, and JavaScript, this project is perfect for showcasing images seamlessly. ๐ŸŒŸ๐Ÿ’ป

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

just-animate/just-animate

Making Animation Simple

Language: TypeScript - Size: 6.96 MB - Last synced at: 9 days ago - Pushed at: over 6 years ago - Stars: 267 - Forks: 18

icelam/random-name-picker

Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.

Language: TypeScript - Size: 6.25 MB - Last synced at: about 2 months ago - Pushed at: about 1 year ago - Stars: 141 - Forks: 169

artisticLogicMK/animate4vue

A library for ready-to-use animations designed for Vue.js applications, featuring over 100 high-performance UI animations crafted with GSAP, offering GPU-accelerated rendering with better performance and efficiency across all devices.

Language: TypeScript - Size: 2.42 MB - Last synced at: 16 days ago - Pushed at: 9 months ago - Stars: 13 - Forks: 0

neelshha/devfolio-vite

A modern and animated developer portfolio template built with React, Vite, Tailwind CSS, GSAP, and Framer Motion. Designed to impress.

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

rahuldkjain/cards-stack-animation

cards-stack animation using react-spring

Language: TypeScript - Size: 4.27 MB - Last synced at: 7 days ago - Pushed at: over 3 years ago - Stars: 21 - Forks: 5

proyecto26/animatable-component

Animate once, use Everywhere! ๐Ÿ’ซ

Language: TypeScript - Size: 1.96 MB - Last synced at: 1 day ago - Pushed at: 8 months ago - Stars: 257 - Forks: 16

fedorivanenko/ivpay-website

Modern website for a crypto startup built with next.js, tailwind-css shadcn-ui, and custom animations using framer-motion. Features custom animation queuing. https://ivpay.io

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

GazdagB/blzs-website

A portfolio website project for my friend Balรกzs โ€“ an awesome Graphic Designer ๐ŸŽจ and Digital Artist. Custom-crafted page transitions and smooth animations make the site feel as dynamic and creative as his work. โœจ

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

QuantumCoderrr/Christmas

๐ŸŽ„ A festive frontend project with HTML, CSS & JS that brings Christmas to life with animations & interactivity.

Language: JavaScript - Size: 2.51 MB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

midori-profile/overlay-video

๐ŸŽฌ This is a high-performance web animation react component with minimal development cost.

Language: TypeScript - Size: 485 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 90 - Forks: 2

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

Vinyl-Davyl/ayanfe-olarinde-chronicle

๐ŸŽจ MicroInteractions, Ayanfe Olarinde's Paintings: Bringing age-old yoruba folklore tales to life

Language: TypeScript - Size: 6.96 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 7 - Forks: 1

AHMAD-JX/RobotAI-3DAnimated-Website-Template

๐Ÿš€ RobotAI is a stunning Front-end template featuring mesmerizing 3D animations everywhere, creating a highly interactive experience. It boasts a modern, eye-catching design that is fully responsive, making it perfect for advanced projects and futuristic websites. ๐Ÿ’ก๐ŸŽจโœจ Experience a dynamic and innovative user interface! ๐Ÿ’ป๐Ÿ”ฅ

Language: CSS - Size: 2.19 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

QC20/GLSL-NoiseSoup

Noise Soup: An interactive WebGL experiment merging design and code. Create stunning visual effects responsive to user input. Ideal for designers and coders alike.

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

Amit81082/3D_solor_system

"A stunning 3D solar system simulation with realistic animations and smooth transitions, built using HTML, CSS, and JavaScript."

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

ciwikda/-Adobe-Animate

Adobe Animate is a powerful tool for creating interactive animations, vector-based motion graphics

Size: 2.93 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

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

Saganaki22/Swarm

๐ŸฆŸ Interactive swarm simulation where pointer swarms follow your cursor - WebGL / threejs

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

Saganaki22/SynthRain

A cyberpunk-inspired digital rain animation that brings the iconic matrix rain effect to life with custom text

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

nidhiupman568/AMAZON-CLONE

๐ŸŽ‰Welcome to my Amazon clone! This project is an Amazon clone built using HTML, CSS, and JavaScript. ๐ŸŒโœจ

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

scar17off/animation-previewer

A dynamic animation previewer that generates mesmerizing mathematical patterns using React and Canvas. Create and customize various geometric animations with real-time controls for speed, radius, and point density.

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

CodeKageHQ/Ask-out-your-Valentine

A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.

Language: HTML - Size: 2.67 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 59 - Forks: 209

Amr-Elshabrawy-Dev/landing-page

๐Ÿ“Œ Responsive Landing Page A modern, fully responsive landing page built with React.js, featuring smooth animations, interactive UI, and optimized performance. ๐Ÿš€

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

anuraghazra/facebook-reaction-animation

Facebook Reaction Animation made with React and FramerMotion.

Language: JavaScript - Size: 7.43 MB - Last synced at: 17 days ago - Pushed at: over 2 years ago - Stars: 29 - Forks: 9

nidhiupman568/ZOMATO-CLONE

๐ŸŒŸ Welcome to my Zomato clone! ๐ŸŒŸ This project is a clone of Zomato built using HTML, CSS, and JavaScript. ๐ŸŒโœจ

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

HemantDutta/EnergyJS

EnergyJS: Free JavaScript Animation Library

Language: JavaScript - Size: 1.59 MB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 2

blesten/modern-landing-page

A sleek, GSAP-powered modern landing page with smooth animations and a modern design

Language: TypeScript - Size: 2.09 MB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

sahanRanasingha/Falling-Shapes-WordPress-Plugin

A lightweight WordPress plugin that adds festive fun to your website by making customizable shapes (uploaded images) fall randomly across the screen. Includes an admin interface to manage images.

Language: PHP - Size: 5.86 KB - Last synced at: 4 months ago - Pushed at: 6 months ago - Stars: 1 - Forks: 0

blesten/film-carousel

A sleek, GSAP-powered film carousel with smooth animations and a modern design

Language: TypeScript - Size: 2.23 MB - Last synced at: 27 days ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

QC20/EmojiAdventure

EmojiAdventure: An interactive digital art experience that generates a dynamic, ever-changing landscape of emojis using Perlin noise algorithms. Explore a vibrant world where emojis come to life through mouse interaction and creative coding techniques.

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

nethmiumaya/CanvasCelebration

A vibrant fireworks animation using React and JavaScript that spells out user input text with colorful, particle-based effects. Fully customizable and responsive, itโ€™s perfect for celebrating occasions with stunning visuals. Enhanced with user text input, fireworks styles selection, theme selection, and text color options.

Language: JavaScript - Size: 1.32 MB - Last synced at: 3 months ago - Pushed at: 6 months ago - Stars: 2 - Forks: 0

nidhiupman568/NIDHI-UPMAN-PORTFOLIO-Inspired-by-SUPER-MARIO-GAME

๐ŸŽ‰Welcome to my portfolio, designed to capture the nostalgic essence of the classic Super Mario game! ๐ŸŽฎโœจ Hereโ€™s a detailed overview of the project, including controls, technologies used, development stages, challenges faced, and final thoughts. ๐Ÿš€

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

nidhiupman568/FLIPKART-CLONE

๐Ÿ›’The Flipkart clone ๐Ÿ›’ is a static website ๐Ÿ“„ replicating the basic functionality ๐Ÿ”„ of the Flipkart website ๐ŸŒ. It includes features ๐ŸŒŸ such as adding products ๐Ÿ“ฆ to the cart ๐Ÿ›๏ธ, removing products ๐Ÿ—‘๏ธ from the cart ๐Ÿ›’, increasing the quantity โž• of products ๐Ÿ“ฆ in the cart ๐Ÿ›’, and searching ๐Ÿ” for products ๐Ÿ“ฆ. ๐Ÿ˜ƒ๐ŸŒŸโœจ

Language: JavaScript - Size: 2.07 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 4 - Forks: 1

nidhiupman568/SUDOKU-GAME

๐ŸŽ‰Welcome to the Sudoku Game project! ๐ŸŽฎ๐Ÿงฉ Dive into the world of puzzles ๐Ÿ” with this classic Sudoku game, where logic ๐Ÿง  and strategy โ™Ÿ๏ธ come together. Built with HTML ๐Ÿ“„, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this game offers an immersive experience ๐ŸŒŸ for Sudoku enthusiasts. โœจ๐Ÿ”ข

Language: JavaScript - Size: 41 KB - Last synced at: about 1 month ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

nidhiupman568/Indian-FLAG

๐ŸŽ‰ Welcome to my Indian Flag project! ๐ŸŽ‰ This project visually represents the Indian National Flag using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿš€

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

nidhiupman568/TIC-TAC-TOE-GAME

๐ŸŽ‰Welcome to the Tic Tac Toe Game project! ๐ŸŽฎโœจ This classic game ๐ŸŽฒ brings back nostalgia ๐Ÿ•ฐ๏ธ and fun ๐Ÿ˜„, allowing you to play against a friend ๐Ÿ‘ฅ or the computer ๐Ÿค–. Built with HTML ๐Ÿ“„, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this game is interactive ๐Ÿ”„ and enjoyable ๐ŸŽ‰ for players of all ages ๐Ÿ‘ถ๐Ÿ‘ด.

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

nidhiupman568/SNAKE-GAME

๐ŸŽ‰Welcome to my Snake game! ๐ŸŽ‰ This project recreates the classic Snake game using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป with the HTML5 canvas element ๐Ÿ–ผ๏ธ.

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

nidhiupman568/ROCK-PAPER-SCISSORS

๐ŸŽ‰Welcome to my Rock Paper Scissors game! ๐ŸŽฎ This project brings the classic hand game to life using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป.

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

nidhiupman568/PONG-GAME

๐ŸŽ‰Welcome to my Pong game! ๐ŸŽฎ This project recreates the classic Atari arcade game using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป with HTML5 Canvas ๐Ÿ–ผ๏ธ.

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

nidhiupman568/BREAKOUT-GAME

๐ŸŽ‰ Welcome to my Breakout Game (Brick Breaker)! ๐ŸŽ‰ This project recreates the classic arcade game using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป with HTML5 Canvas ๐ŸŽฎ.

Language: JavaScript - Size: 7.81 KB - Last synced at: 21 days ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

nidhiupman568/SPACE-INVADERS-GAME

๐ŸŽ‰Welcome to my Space Invaders game! ๐ŸŽฎ This project brings the classic arcade experience to life using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐ŸŒŸ

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

nidhiupman568/DOODLE-JUMP-GAME

๐ŸŽ‰Welcome to my Doodle Jump game clone! ๐ŸŽ‰ This project recreates the popular mobile game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐ŸŒŸ

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

nidhiupman568/CHROME-DINOSAUR-GAME

๐ŸŽ‰Welcome to my Chrome Dinosaur game clone! ๐ŸŽ‰ This project recreates the iconic offline browser game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐ŸŒŸ

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

nidhiupman568/CANDY-CRUSH

๐ŸŽ‰Welcome to my Candy Crush clone! ๐ŸŽ‰ This project recreates the popular match-3 puzzle game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿฌ

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

nidhiupman568/Whac-a-Mole-Game

๐ŸŽ‰This project brings the classic arcade fun to life using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿš€

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

nidhiupman568/FLAPPY-BIRD-GAME

๐ŸŽ‰Welcome to my Flappy Bird game! ๐ŸŽ‰ This project recreates the classic game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐Ÿš€

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

nidhiupman568/ENGLISH-DICTIONARY

๐ŸŽ‰Welcome to the English Dictionary project! ๐ŸŽ‰ This web application, built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, allows you to explore the meanings, pronunciations, and audio of English words using an API ๐ŸŒ. Enhance your vocabulary and pronunciation skills effortlessly ๐Ÿ“š๐Ÿ”Š.

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

nidhiupman568/DIGITAL-CLOCK

๐ŸŽ‰ Welcome to the Digital Clock project! ๐ŸŽ‰ This sleek and functional tool displays the current time in a user-friendly and visually appealing format. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this digital clock is a great addition to any web page.

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

nidhiupman568/CALCULATOR

๐ŸŽ‰ Welcome to the Calculator project! ๐ŸŽ‰ This versatile and user-friendly tool helps you perform basic arithmetic calculations right in your web browser. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this calculator is designed to be simple yet powerful.

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

nidhiupman568/CODEPEN-CODE-EDITOR-HTML-CSS-JS-

๐ŸŽ‰ Welcome to the CodePen Code Editor project! ๐ŸŽ‰ This interactive and versatile tool allows you to write, edit, and run HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป code right in your web browser. It's designed to be intuitive and powerful, making coding and experimentation seamless.

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

nidhiupman568/IMAGE-SEARCH-APP

๐ŸŽ‰ Welcome to the Image Search App project! ๐ŸŽ‰ This application allows you to search for any desired image using keywords. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this app fetches up to 1000 unique and non-repetitive images from the Unsplash API.

Language: CSS - Size: 6.84 KB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 3 - Forks: 1

nidhiupman568/AGE-CALCULATOR

๐ŸŽ‰ Welcome to the Age Calculator project! ๐ŸŽ‰ This handy tool allows you to calculate your age based on your date of birth. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this calculator is simple yet effective in determining your current age.

Language: CSS - Size: 6.84 KB - Last synced at: about 1 month ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

nidhiupman568/STOP-WATCH-HTML-CSS-JS-

๐ŸŽ‰Welcome to the Stopwatch project! ๐ŸŽ‰ This stopwatch allows you to measure time intervals with precision. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this stopwatch provides a simple yet effective tool for timing various activities. โฒ๏ธ๐ŸŒŸ

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

nidhiupman568/CURRENCY-CONVERTER

๐ŸŽ‰Welcome to the Currency Converter project! ๐ŸŽ‰ This web application, crafted with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, empowers users to effortlessly convert between different currencies using real-time exchange rates. Flag images are dynamically updated using the [Flags API](https://flagsapi.com/), enhancing the visual experience. ๐ŸŒ

Language: JavaScript - Size: 10.7 KB - Last synced at: 13 days ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

nidhiupman568/TIP-CALCULATOR-HTML-CSS-JS-

๐ŸŽ‰ Welcome to the Tip Calculator project! ๐ŸŽ‰ This practical tool helps you quickly calculate the tip amount and total bill after adding a tip percentage. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this calculator simplifies the process of determining tips. ๐Ÿ’ฐ

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

nidhiupman568/TEMPERATURE-CONVERTER

๐ŸŽ‰Welcome to the Temperature Converter project! ๐ŸŽ‰ This tool allows you to effortlessly convert temperatures between Celsius, Kelvin, and Fahrenheit. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this converter provides a quick and convenient way to convert temperatures for various applications. ๐ŸŒก๏ธ๐ŸŒŸ

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

nidhiupman568/LOAN-CALCULATOR

๐ŸŽ‰ Welcome to the Loan Calculator project! ๐ŸŽ‰ This efficient and user-friendly tool helps you quickly calculate your monthly EMI (Equated Monthly Installment) based on the total loan amount, repayment period, and interest rate. Built with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป, this tool is both functional and visually appealing. ๐Ÿ’ฐ

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

nidhiupman568/Basics-to-Brilliance

๐ŸŽ‰ Hi there! ๐ŸŽ‰ I'm excited ๐Ÿคฉ to share my journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. From building simple websites ๐ŸŒ, creating interactive games ๐ŸŽฎ, and designing responsive navigation bars ๐Ÿงญ, to animating buttons ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€ These experiences have helped me grow and develop more complex web projects ๐ŸŒŸ.

Language: HTML - Size: 62.5 KB - Last synced at: about 1 month ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

nidhiupman568/CREATIVE-ANIMATED-PROJECTS

๐ŸŽ‰ Hi there! I'm thrilled to share my web development journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. I started with small projects to learn how these technologies work together. From creating websites ๐ŸŒ and games ๐ŸŽฎ to designing footers ๐Ÿ”ป, navigation bars ๐Ÿงญ, and button animations ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€

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

nidhiupman568/Web-Dev-Doodles

๐ŸŽ‰ Hi there! I'm thrilled to share my web development journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. I started with small projects to learn how these technologies work together. From creating websites ๐ŸŒ and games ๐ŸŽฎ to designing footers ๐Ÿ”ป, navigation bars ๐Ÿงญ, and button animations ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€

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

nidhiupman568/DYNAMIC-WEB-PROJECTS

๐ŸŽ‰ Hi there! I'm thrilled to share my web development journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. I started with small projects to learn how these technologies work together. From creating websites ๐ŸŒ and games ๐ŸŽฎ to designing footers ๐Ÿ”ป, navigation bars ๐Ÿงญ, and button animations ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€

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

nidhiupman568/MY-FIRST-TINY-WEB-DEV-CREATIONS-HTML-CSS-JS-

๐ŸŽ‰ Hi there! I'm thrilled to share my web development journey with HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป. I started with small projects to learn how these technologies work together. From creating websites ๐ŸŒ and games ๐ŸŽฎ to designing footers ๐Ÿ”ป, navigation bars ๐Ÿงญ, and button animations ๐Ÿ”ฒ, I've explored it all! ๐Ÿš€

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

nidhiupman568/BMI-CALCULATOR

๐ŸŽ‰ Welcome to the BMI Calculator project! ๐ŸŽ‰ This sleek and user-friendly tool helps you quickly determine your Body Mass Index (BMI) based on your height and weight. It's designed to be intuitive and visually appealing. ๐ŸŒŸ

Language: JavaScript - Size: 10.7 KB - Last synced at: 29 days ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

abbasg-dev/react-gsap-animation

Scroll-driven animations with parallax effects, staggered text reveals, and image sequence animation using React & GSAP.

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

abbasg-dev/rotated-menu-hover-effect

Interactive 3D letter menu and dynamic image scaling animation using React & GSAP.

Language: JavaScript - Size: 2.35 MB - Last synced at: 4 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

QC20/ElectromagneticField

ElectromagneticField: An interactive HTML5 Canvas visualization simulating electromagnetic interactions. Explore dynamic field lines and attractors in this mesmerizing, educational experience.

Language: JavaScript - Size: 458 KB - Last synced at: 27 days ago - Pushed at: 12 months ago - Stars: 3 - Forks: 0

QC20/SlimeMolds

This project is an interactive visualization that explores the fascinating world of emergent behaviors and self-organizing systems. Inspired by the remarkable abilities of Physarum polycephalum (slime mold), this simulation demonstrates how complex patterns can arise from simple, decentralized decision-making processes.

Language: JavaScript - Size: 6.84 KB - Last synced at: 27 days ago - Pushed at: 12 months ago - Stars: 3 - Forks: 0

evanch98/apple-website-react

Apple Website Clone built with React, JavaScript, Tailwind CSS, Three.js and GSAP.

Language: JavaScript - Size: 37.4 MB - Last synced at: 22 days ago - Pushed at: 12 months ago - Stars: 2 - Forks: 0

Huzaifa-Yaqoob/portfolio

A modern and responsive developer portfolio showcasing projects, skills, and experiences. Built with Next.js, TypeScript, and Tailwind CSS, with a design inspired by Figma. Includes smooth animations and structured navigation.

Language: TypeScript - Size: 34.5 MB - Last synced at: 1 day ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

ddosnotification/express-snow-theme

Beautiful snowfall effect middleware for Express.js websites

Language: JavaScript - Size: 9.77 KB - Last synced at: about 1 month ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

QC20/PolygonPlayground

An interactive 3D physics playground where polygons come to life, blending design and technology in a captivating simulation.

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

rogeralmeida/revealjs-animated

A simple to use plugin to add custom animations, based on the Web Animation API, to your presentations.

Language: JavaScript - Size: 1.89 MB - Last synced at: 10 days ago - Pushed at: over 5 years ago - Stars: 16 - Forks: 4

omimo/MocapJS

A motion capture library for Three.js: Playing | Streaming | VR

Language: JavaScript - Size: 69.3 KB - Last synced at: 23 days ago - Pushed at: over 8 years ago - Stars: 69 - Forks: 13

mahmud035/Level-2-Frontend-Track-All-Modules

This repository, "Level-2-Frontend-Track-All-Modules", is a collection of projects and modules related to the Level 2 Frontend Track. It covers various topics in the frontend development domain, including React Hooks, Redux, React Toolkit, RTK Query, Next.js, React Design Patterns, Reusable Components, Forms in React, Web Animations, Framer Motion.

Language: TypeScript - Size: 14.4 MB - Last synced at: 4 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

rohanrhu/nodes.js

๐ŸŒŒ nodes.js is a nodes/particles animation useable for backgrounds

Language: JavaScript - Size: 11.7 KB - Last synced at: 6 days ago - Pushed at: almost 5 years ago - Stars: 27 - Forks: 14

SyeddHassan/NotIPhone

A clone website of Apple's iPhone 15 Pro built with React.js and TailwindCSS. It showcases advanced web techniques using GSAP for smooth animations and Three.js for dynamic 3D models of the iPhone 15 Pro in various colors and shapes. Explore custom animations and interactive 3D effects that bring the iPhone experience to life.

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

probeen007/Analog-clock

Analog Clock with Dynamic Wallpaper and Realistic Effects: HTML | CSS | JS

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

evanch98/flowt-landing-page

A landing page for a fictional company. Built with Next.js, React, TypeScript, Tailwind CSS, and Framer Motion.

Language: TypeScript - Size: 1.79 MB - Last synced at: 3 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 1

rodrigoantunes-me/floating-hearts

Out of the Blue: Creating Floating Hearts with a Range Slider with CSS and JavaScript

Size: 1.95 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

Related Keywords
web-animation 153 javascript 74 css 58 html 52 web-development 46 interactive-web-design 35 front-end-development 34 animation 29 responsive-design 21 react 21 gsap 19 css3 15 html5 13 creative-coding 13 css-animations 11 tailwindcss 9 framer-motion 9 typescript 9 frontend 9 threejs 9 landing-page 8 scroll-animations 7 interactive-visualizations 7 webgl 7 ux-design 7 modern-ui 7 reactjs 6 nextjs 6 web-animations-api 6 generative-art 6 interaction-design 5 html5-canvas 5 javascript-library 5 motion-design 5 vite 5 web-design 5 vanilla-js 5 interactive 5 frontend-web-development 4 svg 4 front-end 4 scroll-behavior 4 scroll-based-interface 4 frontend-project 4 html-css-js 4 product-showcase 4 no-libraries 4 attractive-ui 4 website 4 creative-frontend-project 4 creative-scrolling 4 flexbox 4 interactive-art 4 georgian 4 horizontal-scrolling 4 minimal-design 4 canvas 4 image-gallery 4 webdevelopment 4 lightweight 4 animations 4 javascript-animation 3 adobe-animate 3 adobe-animate-software 3 responsive 3 animate-content-creation 3 animate-drawing-tools 3 animate-motion-tweening 3 animation-studio 3 html5-animations 3 transitions 3 physics-simulation 3 mobile-friendly 3 animation-library 3 ui-ux 3 digital-art 3 css-animation 3 gilgeekify 3 portfolio-website 3 visualization 3 vanillajavascript 3 background-animation 3 web 3 p5js 3 js 3 vanilla-javascript 3 greensock 3 interactive-design 3 3d-animation 3 frontend-development 3 data-visualization 3 ux-experience 3 web-animations 3 scss 3 shaders 2 animated 2 website-theme 2 snow-effect 2 winter-animation 2 personal-project 2