cssanimations | Topic | Ecosyste.ms: Repos

Topic: "cssanimations"

the-illarionov/the-supersonic-plugin-for-scroll-based-animation

Extremely customizable 2kb javascript plugin for scroll based animation which animates 1000 elements without lags!

Language: TypeScript - Size: 2.07 MB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 204 - Forks: 1

parthwebdev/UI-Animation

Some UI Component Animation from my Instagram Page.

Language: CSS - Size: 21.5 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 83 - Forks: 17

chenyong9528/vue-mapp

This is a Vue music webapp

Language: Vue - Size: 1.25 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 31 - Forks: 5

jh3y/move-things-with-css

The accompanying source for "Move Things With CSS"

Language: CSS - Size: 24.4 KB - Last synced at: 2 months ago - Pushed at: almost 5 years ago - Stars: 22 - Forks: 4

WebDevVikramChoudhary/CSS-Animations

Language: CSS - Size: 56.6 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 14 - Forks: 2

hamzalodhi2023/animated-image-gallery

Animated Image Gallery Using HTML and CSS

Language: HTML - Size: 17 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 9 - Forks: 1

Avalojandro/cattocssweb

CSS animations library

Language: Vue - Size: 3.02 MB - Last synced at: about 2 months ago - Pushed at: about 2 years ago - Stars: 7 - Forks: 0

kubocker/kubocchi-designs

kubocchi designs

Language: Svelte - Size: 387 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 6 - Forks: 0

geeky-prashant/responsive-netflix-clone

Language: HTML - Size: 7.69 MB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 5

adityamangal1/Cartoon-Animation

Cartoon Animation MLH Hack

Language: HTML - Size: 6.9 MB - Last synced at: 4 months ago - Pushed at: over 3 years ago - Stars: 5 - Forks: 3

zbari023/test_bootstrap3

Merging 2 projects in one Page

Language: HTML - Size: 71.3 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 1

iqbalhasandev/CssForm

site is published at

Language: HTML - Size: 8.79 KB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 4 - Forks: 0

S-Guerra/new-retro-sunset

A CSS animation of a New Retro Wave sunset.

Language: CSS - Size: 4.81 MB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

StarKnightt/Loading-Bar-Animation

This project is a basic example of a loading bar animation. It consists of an HTML file (index.html) and a CSS file (style.css) that define a loading bar and a text element displaying "Loading...".

Language: CSS - Size: 5.86 KB - Last synced at: 2 days ago - Pushed at: over 1 year ago - Stars: 3 - Forks: 1

zbari023/Iphon_13_pro_max

a project for Apple using Html, Javascript and css

Language: HTML - Size: 716 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

zbari023/Restaurant

Full responsive Page using Html5, css3 and Bootstrap5

Language: HTML - Size: 2.5 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

zbari023/Apple_Markt

Apple markt using Html, css, Bootstrap 5

Language: HTML - Size: 3.73 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

artursantiago/photography-website

Language: CSS - Size: 7.25 MB - Last synced at: 2 months ago - Pushed at: over 4 years ago - Stars: 3 - Forks: 0

Shreyascr5/The-Garission-Pub

An app for the Cocktail Lovers, this is built using ReactJs, API- https://www.thecocktaildb.com/api.php

Language: JavaScript - Size: 191 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 0

zbari023/Responsive_NAV

responsive Navigation

Language: CSS - Size: 15.6 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

BishalPatgiri/Toggl-Track-Clone

Toggl Track is a time tracking and project management website. We have cloned this website within 5 days where we used ReactJS, Css, ExpressJS, NodeJS and MongoDB to create the whole Frontend and the Backend. You can checkout the deployment link below.

Language: JavaScript - Size: 1.07 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 1

MdUsmanAnsari/css-rooster-animation

Rooster 🐓 A Pure CSS Art 🎨

Language: CSS - Size: 3.91 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

codewelltech/BorderAnimation

Border animation using CSS

Language: CSS - Size: 1.95 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

Abhishekmishra-17/Phenol-formaldehyde-Resin-Urea-formaldehyde-resin

This is a repository of chemistry virtual lab and the experiment name is: To prepared phenol-formaldehyde resin and urea-formaldehyde resin.

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

Nidhi-Gahlawat/Responsive-Clock

⏱️ ⏲️ Responsive Clock, Stopwatch and Timer. Three in one. ⌚⏰

Language: HTML - Size: 1.59 MB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

AhmedHafez7-Eng/Animated-Portfolio

Responsive Animated Portfolio Website Using HTML5, CSS3, JavaScript, Jquery, CSS Flex-Box and Some of Animation Effects.

Language: CSS - Size: 29.8 MB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

calebareeveso/My-Smart-Note-v1

My smart note is a web base note where you can trust with your information made with Basic HTML5 and JavaScript (v2 coming out in react.js 📍)

Language: JavaScript - Size: 71.3 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

AdamXweb/FlyinEmoji

👽 CSS attempt to make Emoji fly

Language: CSS - Size: 168 KB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

arghac14/PureCSS-Arc-reactor

'Iron Man’s Arc Reactor model using CSS3 Transform and Animation.Made for fun!

Language: CSS - Size: 194 KB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 2

krishnaGandhi11/LILIPET-ECommerce-WebDev-

I am excited to share LILIPET, my latest project—a fashion & accessories e-commerce website built using only HTML & CSS!

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

sijomonps/Tedxkcmt

This is a simple website built using HTML and CSS for the TEDxKCMT club's upcoming event. Created as part of my learning journey, it reflects the basics I’ve recently acquired. The site is designed to showcase event details, inspire creativity, and promote the TEDx spirit.

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

alfaj7/SAP-Sultans_056

Our team is developing a cutting-edge, open-source music streaming app to revolutionize the industry and rival giants like YouTube and Spotify. Prioritizing user engagement, our platform will feature dynamic search, customizable playlists, and a detailed music player, all with robust performance.

Language: CSS - Size: 53.5 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 1 - Forks: 1

blackcode1996/blackcode1996.github.io

This is my portfolio

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

StarKnightt/Analog-Clock-React.js-

This project showcases a blend of classic analog design with modern digital elements.

Language: CSS - Size: 140 KB - Last synced at: 7 days ago - Pushed at: 11 months ago - Stars: 1 - Forks: 1

tomy-frontend/Udemy-frontend-dev

Udemyで作成したJSとCSSアニメーション、ライブラリを盛り込んだトラベルサイト

Language: SCSS - Size: 1020 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 0

fekenzofugi/css-animations

css animations breakdown.

Language: JavaScript - Size: 33.2 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

arzucaner/goodness-of-nature

This is a well-structured HTML and CSS code that creates a webpage called 'Goodness of Nature'. The code uses flexbox for layout and includes a fixed background image, a centered container with an image and content section, and a styled menu and button. The CSS code also includes animations for the button and menu links.

Language: CSS - Size: 335 KB - Last synced at: 7 days ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

Bumboobee/transformers-page

The most strong Tranforms ever!

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

Anu26092002/pokedex

Pokedex Website containg all generations upto Generation VIII to demonstrate basics of frontend webdesign using HTML5, CSS3 and API Calling by using Fetch Request in Vanilla JS.

Language: HTML - Size: 146 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Kartikk-26/HTML-CSS-PROJECTS

HTML,CSS,JS BASED PROJECTS !!

Language: C - Size: 6.84 KB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

hahayz77/todosListReact

A simple To do list with ReactJS + Tailwind CSS

Language: JavaScript - Size: 5.62 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Luzaks/TodoList

A beautiful ToDo List application built with a very good vanilla JavaScript code.

Language: JavaScript - Size: 2.52 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

MdUsmanAnsari/slasher-girl-css-art

Slasher Girl 🔪 A Pure CSS Art.

Language: CSS - Size: 3.26 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

TheLostShip/iApple

The simple HTML game where the Skype logo has to be saved from the coming Apple logo... Tap on the link below to play the game! 👇

Language: JavaScript - Size: 263 KB - Last synced at: almost 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

watson-project/watson-frontend

The Watson is an open sourced, blog style website with support for text and images. Free from intrusive advertisements and clunky UI's, The Watson is the place where you can shout to the masses and be heard. Keeping the style of open source, every article is able to be viewed, edited, and deleted by any user.

Language: JavaScript - Size: 13.3 MB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 4

bakerlisa/carAccidentInfoGraphic

🚗 Interactive Infographic - using HTML, JS, CSS, GreenSock, MagicScroll

Language: HTML - Size: 174 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

khalidmesbah/Leon

leon website

Language: CSS - Size: 1.95 MB - Last synced at: over 2 years ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

daino-sir/CSS-animation

Showcasing my CSS skills

Language: CSS - Size: 2.93 KB - Last synced at: over 2 years ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

icodeayush/TheWeekndGSAPScrollEffect

The Weeknd Website GSAP Scroll Effect. Trying To Recreate The Weeknd website Scrolling Effect.

Language: CSS - Size: 916 KB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

icodeayush/Dora

A Concept Architecture Website. Golden Ratio Layout, 4 Colors and 8 Font Size Visual Hierarchy, Perfect Fifth Typographic Scale, GSAP, GSAP ScrollTrigger, Loading Animation, jQuery, Desktop and Mobile Responsive.

Language: CSS - Size: 548 KB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

nihalashetty/Typography-animated-web

Single Page Animated Website with animated Intro, Video Animation, Text Animation, Image Animation, Vertical and Horizontal Animation, Parallax effect, Typography, Loading animation and many more

Language: HTML - Size: 198 MB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

patriciamolnar/css-background-animation

Source code for my YouTube CSS background animation tutorial - code an interactive CSS hover animation. To watch, please click the link below.

Language: CSS - Size: 1000 Bytes - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

raitalharehman/behnaCssDemo

This is BehnaCss Open Source Css Animation

Language: CSS - Size: 140 KB - Last synced at: over 2 years ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

pras75299/MagicalLandingpage

Landing page for Spiritual meditation

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

masterjaneza/circular-progress-bar---V1

A simple, animated circular progress bar built with HTML, CSS, and JavaScript. Designed as a visual example to display percentage-based progress using smooth animations and dynamic updates. Lightweight, customizable, and perfect for learning or integrating into projects like dashboards, portfolios, or loading screens.

Language: HTML - Size: 67.4 KB - Last synced at: about 10 hours ago - Pushed at: about 11 hours ago - Stars: 0 - Forks: 0

masterjaneza/Horizontal-Scroll-Gallery---V2

A simple horizontal scrolling image gallery built with HTML, CSS, and a touch of JavaScript. Designed to showcase images in a side-scrolling layout, it offers a clean, responsive experience with no heavy libraries, just pure, functional code. Perfect for portfolios, showcases, or experimental layouts.

Language: CSS - Size: 117 KB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 0 - Forks: 0

byby-inc/css-animations

public css animations

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

federicowoodward/portafolio

Mi propio portafolio hecho en angular19.

Language: TypeScript - Size: 2.04 MB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 0 - Forks: 0

masterjaneza/Horizontal-Scroll-Gallery---V3

V3 is the latest iteration of the Horizontal Scroll Gallery project, emphasizing enhanced design aesthetics, improved performance, and a more engaging user experience. Building upon the foundations laid in V2, this version introduces refined animations, a modern color palette, and optimized responsiveness.

Language: HTML - Size: 121 KB - Last synced at: 5 days ago - Pushed at: 6 days ago - Stars: 0 - Forks: 0

f-lajoc/lajoc-portfolio

Simple Portfolio Website

Language: HTML - Size: 534 KB - Last synced at: 24 days ago - Pushed at: 24 days ago - Stars: 0 - Forks: 0

annabreamer/zakrivayuschiy-tag

Zakrivayuschiy Tag website

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

tivikdev/landing

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

Caner-Yesiltas/Hogwarts-Stop-Watch

🧙‍♂️ A magical Hogwarts-themed stopwatch with music and animations! Features a flying wizard, responsive design, and built with JavaScript DOM manipulation and CSS animations.

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

mujahidraj/My-Contact-Info

This repository contains a fully responsive and interactive contact form built using HTML and CSS. The design features a clean and modern layout with contact info on the left and a contact form on the right. The form includes floating animations, gradient backgrounds, and interactive elements for a polished user experience.

Language: CSS - Size: 801 KB - Last synced at: about 2 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

Sravan2808/obys-agency

Language: CSS - Size: 10.5 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

PacemakerX/Personal-Portfolio

This repository hosts the code for my personal portfolio website, showcasing my skills, projects, and professional journey. Designed with modern web technologies, it highlights creativity, technical expertise, and a user-friendly experience.

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

RiteshRaj1233/Amazon-Clone

Amazon clone using HTML and CSS

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

halilxibrahim/hexagon-mobile

Hexagon Grid Design with React Native

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

soumik9870/historical_wonders_task1_question1

program1 from Task1 (Level 1) of Cognifyz Technologies Internship program (Web Development Internship)

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

Sentvinsent/Complete-CSS-Course

A repository used for the CSS course that covered covered all modern CSS technologies, including SASS and SCSS. Although I had prior experience with CSS, the course filled any knowledge gaps and updated me on the latest advancements. Click the link below to see the certificate and all topics covered in the course.

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

raohanzala/hanzalaportfolio

Developed a personal portfolio website using HTML, CSS, and JavaScript to showcase my projects and skills. Implemented responsive design techniques to ensure compatibility across various devices and browsers.

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

Apurv56kum/Hospital_Healthcare_Website

This repository contains the code for building a Hospital website home page using HTML , CSS ,Javascript.This is a medical website designed by me to help hospitals and it is also beneficial for the different patients to classify their respective disease and their concerned doctors.

Language: HTML - Size: 2.28 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

taniyabansal24/Portfolio

This repository showcases a collection of my projects, highlighting my skills and expertise in various domains. From web development to machine learning, I'm passionate about leveraging technology to solve real-world problems and create innovative solutions.

Language: CSS - Size: 3.58 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

programmingprodigy0/animated-background

Simple Background animation effect with html and css

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

roggersanguzu/Transportation-and-Packaging-Company-Site

This encopasses the Project one Items ranging from the HTML document, CSS Document/Files.

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

JamanMinhaj/Fashion

This is a online shopping website design for learning purpose.

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

skipacane/SurveyProject

A simple survey form that I have made to show my skills with form tags, and css style and animations

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

haseebcheema/cynthiaugwuwebsite

I created a clone project inspired by the captivating design of Cynthia Ugwu's website. Using HTML, CSS, Media Queries for responsiveness, JavaScript, Locomotive for smooth scrolling, CSS animations, and GSAP animations, I replicated its dynamic features.

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

haseebcheema/duostudioswebsite

I recreated the Duo Studio website's frontend using HTML, CSS, and JavaScript, implementing CSS animations, Scroll Trigger, Locomotive Scroll, and GSAP animations to elevate user experience. It's essential to mention that the project is not yet responsive.

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