With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 10 JavaScript css-animation Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
Trig.js
The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.
Project mention: Make your fixed headers appear when the user scrolls up with scroll position and direction using Trig.js | /r/javascript | 2023-04-10As of v1.9.1 Trig.js has become feature complete for the smallest size which can be downloaded here (https://github.com/iDev-Games/Trig-JS/releases/tag/v1.9.1). From v2 up, I'm looking to try and open up scrolling to use in CSS and caring about size more than features. v2.1.3 creates classes on the document body of "trig-scroll-up", "trig-scroll-down", "trig-scroll-top", "trig-scroll-bottom", "trig-scroll-25", "trig-scroll-50" and "trig-scroll-75" depending on position and last scroll direction. Allows you to trigger your CSS like the example link. Download the latest version from here: https://github.com/iDev-Games/Trig-JS
-
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.
-
Tic-Tac-Toe
Tic-Tac-Toe game AI using Minimax algorithm with alpha-beta pruning optimization and fast win heuristics. (by jatin-47)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
isomorphic-table-cards
Table and Cards views with animated transitions. No dependencies, just Vanilla Javascript, CSS, and HTML.
-
Brick-Breaker-Game
⬜️🟥⬛️🟧🟦🟨🟪🟩 Brick Breaker Game. A classic high-paced game of brick-smashing action. Can you set the high score?!
-
JavaScript css-animations related posts
- 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!
- TOOLS I USE AS A DEV
- Simple Bootstrap Lightbox
- Multi Page App vs Single Page App
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Mar 2024
Index
What are some of the best open-source css-animation projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | lightgallery.js | 5,283 |
2 | textillate | 3,647 |
3 | motus | 633 |
4 | Trig.js | 88 |
5 | the-shoppies | 41 |
6 | Lava-Lamp | 38 |
7 | Tic-Tac-Toe | 8 |
8 | isomorphic-table-cards | 5 |
9 | Brick-Breaker-Game | 0 |
10 | hot-or-not-2 | 0 |