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

GitHub topics: web-animation

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

friction2d/friction Fork of MaurycyLiebner/enve

Friction Graphics

Language: C++ - Size: 107 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 508 - Forks: 20

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: 6 days ago - Pushed at: 3 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: 10 days ago - Pushed at: 10 days 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: 15 days ago - Pushed at: 15 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: 11 days ago - Pushed at: almost 2 years ago - Stars: 1,375 - Forks: 69

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: 16 days ago - Pushed at: 12 months ago - Stars: 136 - Forks: 165

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: 11 days ago - Pushed at: 10 months 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: 11 days ago - Pushed at: about 2 months ago - Stars: 3 - Forks: 0

yesiamrocks/cssanimation.io

CSS Animation Library for Developers and Ninjas

Language: CSS - Size: 130 KB - Last synced at: 20 days ago - Pushed at: over 5 years ago - Stars: 282 - Forks: 66

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: 30 days ago - Pushed at: about 1 month 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: about 1 month ago - Pushed at: about 1 month ago - Stars: 1 - 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: 13 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

just-animate/just-animate

Making Animation Simple

Language: TypeScript - Size: 6.96 MB - Last synced at: 2 days ago - Pushed at: about 6 years ago - Stars: 265 - Forks: 18

ciwikda/-Adobe-Animate

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

Size: 2.93 KB - Last synced at: about 1 month ago - Pushed at: about 1 month 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: 13 days ago - Pushed at: 4 months ago - Stars: 6 - Forks: 2

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: about 1 month ago - Pushed at: about 1 month 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: 24 days ago - Pushed at: 8 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: 23 days ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

proyecto26/animatable-component

Animate once, use Everywhere! ๐Ÿ’ซ

Language: TypeScript - Size: 1.96 MB - Last synced at: 4 days ago - Pushed at: 6 months ago - Stars: 256 - Forks: 16

404CashNotFound/the-lost-coin-odyssey-react-template

๐Ÿ“– An immersive storytelling experience about life's unexpected journeys | ๐Ÿ› ๏ธ React-powered interactive website with Awwwards-level animations | ๐ŸŒ https://lostcoinodyssey.netlify.app/

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

Saganaki22/Swarm

๐ŸฆŸ Interactive swarm simulation where pointer swarms follow your cursor, creating mesmerizing patterns. Fully responsive design works on both desktop and mobile. Drop food, watch chaos unfold, and control a dynamic swarm in this WebGL experiment.

Language: HTML - Size: 0 Bytes - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 1 - 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: 2 months ago - Pushed at: 2 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: 2 months ago - Pushed at: 2 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: 20 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: 22 days ago - Pushed at: 7 months ago - Stars: 3 - Forks: 0

HemantDutta/EnergyJS

EnergyJS: Free JavaScript Animation Library

Language: JavaScript - Size: 1.59 MB - Last synced at: 2 months ago - Pushed at: about 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: 13 days ago - Pushed at: 3 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: about 2 months ago - Pushed at: 4 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: 28 days ago - Pushed at: 3 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: 2 months ago - Pushed at: 3 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: 16 days ago - Pushed at: 3 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: 22 days ago - Pushed at: 3 months ago - Stars: 3 - Forks: 0

saad-shaikh-256/Cool-Login-Page

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: HTML - Size: 940 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 24 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 24 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: about 1 month ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 months ago - Stars: 3 - 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: 22 days ago - Pushed at: 8 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: about 1 month ago - Pushed at: 7 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: about 1 month ago - Pushed at: 4 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: 17 days ago - Pushed at: 9 months ago - Stars: 3 - 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: 2 months ago - Pushed at: 9 months ago - Stars: 1 - 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: 17 days ago - Pushed at: 9 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: about 1 month ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

animatry/animatry

Javascript animation library.

Language: TypeScript - Size: 43.9 KB - Last synced at: 8 days ago - Pushed at: 4 months ago - Stars: 1 - 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: about 1 month ago - Pushed at: 5 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: 10 days ago - Pushed at: 5 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: 17 days ago - Pushed at: 9 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: 3 days ago - Pushed at: about 5 years ago - Stars: 16 - Forks: 4

anubhavg-icpl/animal-kingdom-animejs

An interactive animal encyclopedia built with Next.js, featuring smooth animations with Anime.js, TypeScript support, and a modern UI using Tailwind CSS and shadcn/ui components. Includes search, filtering, sorting, and favorites functionality with fluid animations.

Language: TypeScript - Size: 219 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

omimo/MocapJS

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

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

rahuldkjain/cards-stack-animation

cards-stack animation using react-spring

Language: TypeScript - Size: 4.27 MB - Last synced at: 12 days ago - Pushed at: about 3 years ago - Stars: 20 - Forks: 5

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: about 1 month ago - Pushed at: 6 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: 10 days ago - Pushed at: over 4 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: 25 days ago - Pushed at: 8 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: 8 months ago - Pushed at: 8 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: 23 days ago - Pushed at: 9 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: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

rodrigoantunes-me/instagram-like

Instagram-Style Like Animation ๐Ÿฅ‡

Size: 1000 Bytes - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

QC20/EmojiHeatmap

EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It transforms mouse movements into colorful patterns using Perlin noise, resulting in an evolving, playful landscape of emotive symbols.

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

warengonzaga/animatecssplugin

This is the plugin for improvising Animate.css animations into GSAP.

Language: JavaScript - Size: 151 KB - Last synced at: 8 days ago - Pushed at: about 5 years ago - Stars: 9 - Forks: 3

saeedkohansal/JavaScript-Back-To-Top-Button-With-Animation

This is a JavaScript back to top button widget in 3 styles rocket emoji, text button, and arrow top icon using vanilla javascript. I also created some CSS animations for these buttons.

Language: HTML - Size: 130 KB - Last synced at: 29 days ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

saeedkohansal/JavaScript-Help-And-FAQ-Responsive-Widget-With-Animations

This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

Language: HTML - Size: 255 KB - Last synced at: 29 days ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

saeedkohansal/JavaScript-Like-Button-With-Animation

It's is a JavaScript like and unlike buttons with a number of total likes, you can use like buttons in your blog post, profile page, product page, landing page and anywhere you want on your website or web application

Language: CSS - Size: 512 KB - Last synced at: 29 days ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

QC20/Shaders-Triangles

This project showcases an interactive, color-shifting 3D cube using pure CSS. It demonstrates advanced CSS techniques including 3D transforms, custom properties, and animations.

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

CH-RAFAY/Math-Odyssey-Project

Math-Odyssey is an advanced web calculator application with a visually attractive design, featuring unique welcome transitions and interactive theme-changing elements.

Language: CSS - Size: 830 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

kodzurai8/adobe-animate

Size: 1000 Bytes - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

d61232023/adobe-animate

Size: 1000 Bytes - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

biron1475/adobe-animate

Size: 1000 Bytes - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

HapticHash/HapticHash.github.io

Language: HTML - Size: 56.4 MB - Last synced at: 11 months ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

thekolapo/infinite-marquee

An infinite marquee demo

Language: SCSS - Size: 2.36 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 2 - Forks: 0

carbonui/text-animation

A library for animating various text elements within CarbonUI apps.

Language: Shell - Size: 21.5 KB - Last synced at: 12 months ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0

Related Keywords
web-animation 138 javascript 70 css 56 html 51 web-development 46 interactive-web-design 35 front-end-development 33 animation 26 react 21 responsive-design 16 gsap 15 css3 13 html5 11 typescript 10 creative-coding 10 frontend 10 threejs 9 tailwindcss 9 css-animations 9 framer-motion 8 webgl 7 interactive-visualizations 7 ux-design 7 nextjs 7 web-animations-api 6 reactjs 6 generative-art 6 javascript-library 5 html5-canvas 5 web-design 5 landing-page 5 interaction-design 5 interactive 4 animations 4 webdevelopment 4 frontend-web-development 4 motion-design 4 interactive-art 4 ux-experience 3 data-visualization 3 transitions 3 web 3 js 3 css-animation 3 p5js 3 animate-drawing-tools 3 animate-motion-tweening 3 web-animations 3 animation-studio 3 scss 3 html5-animations 3 frontend-development 3 vite 3 canvas 3 website 3 svg 3 vanillajavascript 3 ui-ux 3 digital-art 3 physics-simulation 3 responsive 3 javascript-animation 3 visualization 3 interactive-design 3 portfolio-website 3 adobe-animate 3 gilgeekify 3 adobe-animate-software 3 animate-content-creation 3 greensock 3 website-theme 2 mobile-friendly 2 jquery 2 gsap3 2 side-project 2 personal-project 2 transition 2 web-effects 2 winter-animation 2 web-fonts 2 snow-effect 2 seasonal-theme 2 widget 2 vanillajs 2 frontend-animation 2 christmas-theme 2 redux 2 tailwind-css 2 web-art-is-great-art 2 web-art 2 html5-animation 2 perlin-noise 2 mouse-interaction 2 animated 2 interactive-graphics 2 waapi 2 font-art 2 svg-animation 2 vector-graphics 2 react-three-fiber 2