Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →
Top 13 JavaScript css-animation Projects
-
react-bits
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces. (by DavidHDev)
Project mention: Introducing React Bits - A Library of Beautifully Animated React UI Components | dev.to | 2025-01-08GitHub: https://github.com/DavidHDev/react-bits
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
-
-
-
ChatPlus
ChatPlus is a progressive web app developped with React, NodeJS, Firebase and other services
Project mention: ChatPlus is an Open Source PWA that provides the experience of using a mobile app. | dev.to | 2024-07-15async function welcomeChatMessages(welcomeUser, newUser) { const sendMessage = async message => await sendWelcomeChat(welcomeUser, newUser, message); const githubRepoLink = "https://github.com/aladinyo/ChatPlus" await sendMessage("Hello I'm the owner of the app, it's nice to meet you and I like seeing you using my app 🎉💥"); await wait(1000); await sendMessage("I would appreciate seeing you leaving a star on this app's github repository ✨⭐, let's make the whole world see this masterpiece: " + githubRepoLink); await wait(1000); await sendMessage("You can text me here, I'll receive a notification and respond to you asap, you should also accept yours, let's chat and talk a bit 🧑💻🚀🔮"); await wait(1000); await sendMessage("Or maybe you can go for a video call, nothing is better than direct communication 🤩🎥🎦"); } async function wait(timeout) { return new Promise((resolve) => { setTimeout(() => { resolve(); }, timeout); }); };
-
the-shoppies
Movie nomination website created as part of the application process for the Shopify Front-End Developer Internship.
-
Lava-Lamp
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
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).
-
Tic-Tac-Toe
Tic-Tac-Toe game AI using Minimax algorithm with alpha-beta pruning optimization and fast win heuristics. (by jatin-47)
-
Dynamic Flow Fields with Vanilla JS and HTML Canvas
-
goteo-remix
a stunning visual experience with trap music and pixelart style. This project is made with React and CSS. While the song is playing, there are animations, state changes, and other effects that give the illusion of watching a music video.
-
-
Brick-Breaker-Game
⬜️🟥⬛️🟧🟦🟨🟪🟩 Brick Breaker Game. A classic high-paced game of brick-smashing action. Can you set the high score?!
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript css-animations discussion
JavaScript css-animations related posts
-
Analysis of Key Technical Principles for a Visual Drag-and-Drop Component Library
-
ChatPlus is an Open Source PWA that provides the experience of using a mobile app.
-
ChatPlus a Great PWA for Chatting Made with Powerful Technologies
-
30 inspiring web developer portfolio examples you have never seen before
-
How to use Animate.css with NPM?
-
How to Practice CSS (with examples)
-
Just Got my first client and I really need help!
-
A note from our sponsor - Civic Auth
www.civic.com | 15 May 2025
Index
What are some of the best open-source css-animation projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | react-bits | 11,467 |
| 2 | lightgallery.js | 5,333 |
| 3 | textillate | 3,673 |
| 4 | motus | 628 |
| 5 | ChatPlus | 113 |
| 6 | the-shoppies | 43 |
| 7 | Lava-Lamp | 38 |
| 8 | isomorphic-table-cards | 32 |
| 9 | Tic-Tac-Toe | 8 |
| 10 | JS_game_collections | 8 |
| 11 | goteo-remix | 2 |
| 12 | hot-or-not-2 | 0 |
| 13 | Brick-Breaker-Game | 0 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com