animation-css | Topic | Ecosyste.ms: Repos

triggerjs/trigger

A library for creating scroll-based animation with HTML attributes and CSS variables.

Language: TypeScript - Size: 270 KB - Last synced at: 10 days ago - Pushed at: about 1 year ago - Stars: 1,258 - Forks: 75

yamada-ui/yamada-ui

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

Language: TypeScript - Size: 351 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 906 - Forks: 225

pranjay-poddar/Dev-Geeks

open source project

Language: Jupyter Notebook - Size: 2.14 GB - Last synced at: 9 days ago - Pushed at: about 1 year ago - Stars: 613 - Forks: 817

heikaimu/vue3-waterfall-plugin

vue3 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载

Language: Vue - Size: 3.47 MB - Last synced at: 24 days ago - Pushed at: 24 days ago - Stars: 537 - Forks: 39

All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project. They are cross-browser animations which will give more emphases on your pages likes sliding controls and 3D efects...

Language: SCSS - Size: 11.6 MB - Last synced at: 14 days ago - Pushed at: about 2 years ago - Stars: 492 - Forks: 138

ashutosh1919/react-liquidswipe

🚀 Smooth Liquid Swipe Animation to transition between different components.

Language: JavaScript - Size: 26.3 MB - Last synced at: 8 days ago - Pushed at: over 3 years ago - Stars: 414 - Forks: 70

AnshumanMahato/Happy-Birthday-Card

This is a web based interactive birthday card.

Language: JavaScript - Size: 7.55 MB - Last synced at: 9 days ago - Pushed at: 10 months ago - Stars: 371 - Forks: 209

Spyware007/Animating-Buttons

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

Language: JavaScript - Size: 20.1 MB - Last synced at: 12 days ago - Pushed at: over 1 year ago - Stars: 236 - Forks: 448

brandonmcconnell/typed.css

A fully functional and flexible typewriter mixin for SCSS, with Less and Stylus support coming soon! Typed.css supports multiple strings, multi-line strings, variable speeds, per-string styling, animated caret (blinking insertion cursor), directional type-pausing, and much more. It's even accessible! ✨

Language: SCSS - Size: 65.4 KB - Last synced at: 14 days ago - Pushed at: 12 months ago - Stars: 224 - Forks: 14

heikaimu/vue-waterfall-plugin

vue 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载

Language: Vue - Size: 3.76 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 186 - Forks: 36

canopas/tailwind-animations-examples

Cool animations implemented with tailwindcss

Language: Vue - Size: 13.4 MB - Last synced at: 19 days ago - Pushed at: 4 months ago - Stars: 123 - Forks: 7

Vinayak-09/Vinayak-09.github.io

Advance attractive personal portfolio website. It looks like chatting bot. Same design as Whatsapp chat. Lightweighted, Fast. Easy to use.

Language: JavaScript - Size: 2.85 MB - Last synced at: 12 months ago - Pushed at: about 1 year ago - Stars: 122 - Forks: 76

codebucks27/3D-Landing-page-for-Apple-iPhone

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

Language: JavaScript - Size: 21.2 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 97 - Forks: 33

kaustubhmenon/animation-library

Pure CSS Animation Library. Made with love at Later.com

Language: SCSS - Size: 24.4 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 75 - Forks: 16

dumptyd/tailwind-animatecss

animate.css as a Tailwind plugin

Language: JavaScript - Size: 125 KB - Last synced at: 10 days ago - Pushed at: over 3 years ago - Stars: 65 - Forks: 1

benhatsor/filmstrip

Quick and easy animation editor for the web.

Language: JavaScript - Size: 15.4 MB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 58 - Forks: 3

codebucks27/Apple-iphone-3d-landing-page-starter-Code

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

Language: JavaScript - Size: 23.6 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 48 - Forks: 21

alvaromontoro/bezos-calculator

Small app that shows how much Jeff Bezos gained since the user started reading the page.

Language: HTML - Size: 257 KB - Last synced at: 22 days ago - Pushed at: over 2 years ago - Stars: 47 - Forks: 14

jaenfigueroa/MnCraft

Minecraft Game made with pure css and javascript

Language: CSS - Size: 38.7 MB - Last synced at: 8 days ago - Pushed at: about 1 year ago - Stars: 40 - Forks: 7

facinick/MultiLevelDropUpReact

A react based multi level drop up menu with css animations.

Language: JavaScript - Size: 1.38 MB - Last synced at: almost 2 years ago - Pushed at: about 4 years ago - Stars: 40 - Forks: 3

evoluteur/isomorphic-table-cards

Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just vanilla Javascript, CSS, and HTML).

Language: JavaScript - Size: 181 KB - Last synced at: 14 days ago - Pushed at: 4 months ago - Stars: 32 - Forks: 1

koolkishan/travel-agency-template

Travel Agency Responsive Website Design Using HTML, CSS and JavaScript.

Language: SCSS - Size: 1.51 MB - Last synced at: about 20 hours ago - Pushed at: almost 4 years ago - Stars: 28 - Forks: 8

Weaverse/animate-loading-bar

1kb loading bar like Shopify, Github, JSFiddle... that works!

Language: HTML - Size: 764 KB - Last synced at: 18 days ago - Pushed at: over 1 year ago - Stars: 26 - Forks: 0

le-nn/blazor-transition-group

An easy way to perform animations when a Blazor component enters or leaves the DOM

Language: C# - Size: 16.9 MB - Last synced at: 14 days ago - Pushed at: about 1 year ago - Stars: 25 - Forks: 0

yashfalke77/portfolio

Hello! My name is Yash Falke and this is my portfolio .I’m a Front-End Developer located in India and i have a serious passion for UI effects, animations and creating intuitive, dynamic user experiences.

Language: TypeScript - Size: 3.78 MB - Last synced at: 19 days ago - Pushed at: over 1 year ago - Stars: 23 - Forks: 4

WilliamStaudenmeier/WilliamStaudenmeier.github.io

Studio Ghibli inspired GitHub Pages: https://williamstaudenmeier.github.io/

Language: CSS - Size: 132 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 22 - Forks: 8

vatsalsinghkv/image-animations

Discover captivating text animations on Image Animations! Engage with interactive card components that come to life with stunning hover and click effects. Explore now!

Language: SCSS - Size: 729 KB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 18 - Forks: 4

sreyounpann/HappyAnniversaryFlower

This Sunflower Project with animation for click more to see more flower pop up

Language: SCSS - Size: 7.81 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 18 - Forks: 12

techjuliana/Animation-batman

Animation Batman em CSS

Language: CSS - Size: 4.88 KB - Last synced at: 11 days ago - Pushed at: over 2 years ago - Stars: 18 - Forks: 2

yamada-ui/yamada-components

A collection of React UI components of the Yamada, by the Yamada, for the Yamada, built with Yamada UI.

Language: TypeScript - Size: 2.85 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 17 - Forks: 15

emiliosnic/icon-patterns

Include animated CSS icon patterns in your background

Language: JavaScript - Size: 1.29 MB - Last synced at: 23 days ago - Pushed at: over 7 years ago - Stars: 17 - Forks: 2

shuence/FitClub

FitClub : A best Fitness Club Landing Page In Reactjs

Language: JavaScript - Size: 10.9 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 16 - Forks: 7

ssbc/visual-docs

Diagrams and animations documenting Secure Scuttlebutt (scuttlebutt.nz) and Āhau (ahau.io)

Language: JavaScript - Size: 31.9 MB - Last synced at: about 5 hours ago - Pushed at: about 1 year ago - Stars: 16 - Forks: 1

MinhOmega/react-theme-switch-animation

React Theme Switch with smooth animation supports dark and light modes on NextJS, ReactJS, and more ...

Language: TypeScript - Size: 402 KB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 15 - Forks: 0

abdellatifAhammad/Viral-Couch-Animation

the story behind this project is that I saw a video on Instagram and I like this design, after searching I find that it was created by Cosmin Capitanu on dribble, and I decide to try to turn it to code using CSS only, yeah that's it, enjoy it.

Language: CSS - Size: 5 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 15 - Forks: 5

karthik558/Glassfolio

This is an open-source portfolio with a minimalist design inspired by Glassmorphism. It is designed to be simple yet visually appealing and can be customized to suit individual preferences.

Language: CSS - Size: 1.39 MB - Last synced at: 9 days ago - Pushed at: about 3 years ago - Stars: 15 - Forks: 1

SharjeelSafdar/project9a-shopping-cart-with-redux

This shopping cart web app is built to learn and demonstrate the use of Redux with react. The app uses @reduxjs/toolkit library which is an official opinionated version of react-redux. The app is developed using Test Driven Development (TDD) approach.

Language: TypeScript - Size: 1.14 MB - Last synced at: 20 days ago - Pushed at: over 4 years ago - Stars: 15 - Forks: 10

SandeepVashishtha/Wanna-Date

This project is a creative and interactive web application that presents a playful dating invitation. The main feature is a digital card that, when hovered over, flips open to reveal a message asking the viewer, "Wanna Date?".

Language: HTML - Size: 11.8 MB - Last synced at: 15 days ago - Pushed at: 5 months ago - Stars: 14 - Forks: 5

moushicheng/easy-animation

A frame animation generator by 'clip-path'

Language: Vue - Size: 6.89 MB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 14 - Forks: 1

Ricmaloy/-30diasDeCSS

30 dias de CSS3 é um desafio que vou aceitar (proposto por @MilenaCarecho), que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de mini projetos

Language: CSS - Size: 28.7 MB - Last synced at: 13 days ago - Pushed at: over 4 years ago - Stars: 14 - Forks: 2

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: 9 days ago - Pushed at: over 1 year ago - Stars: 13 - Forks: 3

MdUsmanAnsari/blooming-flowers-with-falling-leaves-pure-css

blooming flowers with falling leaves ( Pure CSS ART 🎨)

Language: CSS - Size: 3.05 MB - Last synced at: 17 days ago - Pushed at: about 2 years ago - Stars: 13 - Forks: 6

NVentimiglia/Blazor.Transitions

Blazor Transition Example

Language: HTML - Size: 718 KB - Last synced at: 19 days ago - Pushed at: over 4 years ago - Stars: 13 - Forks: 1

Latermedia/animation-library

Pure CSS Animation Library

Language: CSS - Size: 101 KB - Last synced at: about 2 years ago - Pushed at: almost 7 years ago - Stars: 13 - Forks: 1

osamaashraf6/portfolio

This website shows a sneak peek of what I have done, projects developed and deployed, and what I can do to your projects! Developed with HTML, CSS, and JavaScript

Language: CSS - Size: 1.57 MB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 12 - Forks: 0

rxliuli/magia

一个复刻的可爱的动画网站（魔法少女小圆），源项目是 https://magia.cyris.moe/

Language: Less - Size: 8.8 MB - Last synced at: 3 days ago - Pushed at: over 1 year ago - Stars: 11 - Forks: 0

JessChampion/iridescent

background experiments

Language: Vue - Size: 1.62 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 11 - Forks: 0

soumyadip007/Event-Management-Portfolio-WebPage-UEMK

Event-Management-Portfolio-WebPage for a Web-Designing Olympiad.

Language: CSS - Size: 28.1 MB - Last synced at: 16 days ago - Pushed at: over 5 years ago - Stars: 11 - Forks: 14

Kobra-soft/3d_portfolio_react

3D Portfolio Web App [REACT / VITE]

Language: JavaScript - Size: 18.3 MB - Last synced at: 16 days ago - Pushed at: 7 months ago - Stars: 10 - Forks: 0

yamada-ui/yamada-docs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

Language: MDX - Size: 22.3 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 10 - Forks: 17

Ju99ernaut/cubic-bezier

Cubic bezier curve editor

Language: JavaScript - Size: 323 KB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 10 - Forks: 2

arifnextdev/pc-guard

PC Guard is an anti-virus security project designed to protect your computer against malware and viruses. The platform is built using JavaScript, HTML, and CSS animation.

Language: HTML - Size: 1.64 MB - Last synced at: 25 days ago - Pushed at: almost 2 years ago - Stars: 10 - Forks: 0

Developerayo/nigerian-flag-css

:fire: :nigeria: Animated Nigerian flag using CSS

Language: HTML - Size: 22.5 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 10 - Forks: 0

mehrsamohajeri/Solar_System_Trick13

If you want to see a solar system that all its planets orbit the Sun, make sure to check out my code ♥️🌌

Language: SCSS - Size: 2.81 MB - Last synced at: 5 months ago - Pushed at: over 1 year ago - Stars: 9 - Forks: 0

mehrsamohajeri/Animation_Trick18

If you want to see a trick with animation, check out my code ♥️👀

Language: SCSS - Size: 41 KB - Last synced at: 5 months ago - Pushed at: over 1 year ago - Stars: 9 - Forks: 0

owen-m1/Animatum

A JavaScript library for animating elements between states

Language: TypeScript - Size: 1.28 MB - Last synced at: 30 minutes ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 2

Rajacharles/React-JS-Parlour-Animation-Website-with-Framer-Motion

React JS Parlour Animation Website with Framer Motion

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

koolkishan/digital-agency-template

Responsive Website Design Using HTML, CSS and JavaScript.

Language: SCSS - Size: 966 KB - Last synced at: about 20 hours ago - Pushed at: almost 4 years ago - Stars: 9 - Forks: 6

ayezabashir/Vanilla-Javascript-Projects

This repository contains mini web projects made using HTML, CSS and Vanilla Javascript.

Language: CSS - Size: 6.93 MB - Last synced at: 2 days ago - Pushed at: about 2 months ago - Stars: 8 - Forks: 0

StarKnightt/Falling-Stars

The Falling Stars project is a fun and dynamic web animation created using HTML, CSS, and JavaScript. It brings a playful touch to your webpage by simulating stars falling from the top to the bottom with a rotation animation.

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

arianacabral/HP

⚡️Harry Potter - Pure CSS Art

Language: CSS - Size: 94.5 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 8 - Forks: 3

nickemma/microverse-lazy-coders

Microverse lazy coders is a website where users can check out mentors and schedule a session with a mentor.

Language: JavaScript - Size: 11.7 MB - Last synced at: 10 days ago - Pushed at: about 2 years ago - Stars: 8 - Forks: 1

MahdiRezaeiDev/Todo-app

This is a To-Do application powered by JavaScript programming language and has the following functionalities: 1: Add new todo to the list. 2: Mark To-Dos as complete. 3: Delete To-Dos from the list. 4: Filter by all/active/complete To-Dos 5: Clear all completed To-Dos. 6: Toggle light and dark modes. 7: Drag and drop to reorder items on the list.

Language: JavaScript - Size: 1.76 MB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 0

AdityaTrivedi14/floating-tab-menu

Floating Tab Menu UI Concept for mobile devices build using only HTML and CSS. No JavaScript involved in making of these floating tabs!

Language: CSS - Size: 1000 Bytes - Last synced at: over 1 year ago - Pushed at: almost 4 years ago - Stars: 8 - Forks: 0

Developerayo/Animated-Box

Want to know how to make your box spin? Try this out!! :fire:

Language: CSS - Size: 39.1 KB - Last synced at: about 1 year ago - Pushed at: over 6 years ago - Stars: 8 - Forks: 0

niladrix719/AHead-UI

A UI website of Ahead dribbble App made using GSAP Animation Library

Language: TypeScript - Size: 452 KB - Last synced at: 11 days ago - Pushed at: about 1 year ago - Stars: 7 - Forks: 0

Hunterdii/Codesoft-Tasks

CodSoft-Web-Development-Internship-Solution

Language: HTML - Size: 13.9 MB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 7 - Forks: 2

mayurjadhav2002/like-button-celebration

Like-button-celebration designed to add animated buttons for liking, unliking, upvoting, and custom interactions to your blogs, articles, and web content. With this library, you can easily integrate interactive buttons that celebrate user clicks, adding delightful animations to your web applications.

Language: JavaScript - Size: 1.41 MB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 7 - Forks: 1

Topic: "animation-css"