theatre
animate.css
theatre | animate.css | |
---|---|---|
26 | 82 | |
10,762 | 79,790 | |
0.9% | 0.2% | |
8.4 | 3.5 | |
21 days ago | 1 day ago | |
TypeScript | CSS | |
Apache License 2.0 | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
theatre
-
Can we talk about the absolute chokehold GSAP has on the industry?
https://www.theatrejs.com/ (saw this just yesterday ..looks interesting)
- Anime.js β A lightweight JavaScript animation library
-
10 repositories to star if you are a Javascript developer
9. TheatreJs - 8.8k stars
- Is there any guide for Threejs (and R3F) aniamtion?
- Theatre.js β Animation Toolbox for the Web
- [AskJS] Library that gives you a UI like the editor of premier pro/final cut
-
8 Helpful Tools For Frontend Developers π¦
5. Theatre JS
-
3 Frontend Developers' Must-Have Tools
Theatre.Js. For the web, I created a motion design. Theatre.js is a GUI-based JavaScript animation library. The DOM, WebGL, and any other JavaScript variable are animated. It's essentially a visual editor for animating DOM objects. www.theatrejs.com
- Ask HN: How to quickly animate sketches and 2D diagrams?
-
Ask HN: Who is hiring? (December 2021)
Theatre.js | REMOTE in Europe (outside Europe in exceptional cases) | Full-Time | https://www.theatrejs.com
Tags: Design Tool, Devtool, HCI, PL, Visual Programming, Procedural Design, Designer/Developer Collaboration, Trans-Disciplinary Work, Motion Graphics
Buzzwords:, CRDTs, FRP, Incremental Computation
Theatre.js is an open-source motion graphics editor for the web. It is our first step towards building a collaborative medium for dynamic systems (microsites, apps, generative art, explorable explanations). We aim to blur the line between designer/developer, author/consumer, and artist/scientist.
Our inspiration comes from the work of Ivan Sutherland, Seymour Papert, Bret Victor, and others.
We launched in September [0], and have just started hiring the core team [1] with four positions open. Join us as Founding Engineers (senior-level or higher), Founding HCI Researcher, or Founding Designer (owning design from branding to UX). Your agency and comp will match your Founding X title.
[0] https://twitter.com/ariaminaei/status/1439918117807853575?s=...
[1] https://twitter.com/andrewprifer/status/1465740576184221699?...
animate.css
-
Add basic animations to your site using Animate.css and wow.js
Animate.css
-
Free Resources Every Web Developer Should Know About
Animate.css (https://animate.style/)
-
Using the View Transitions API with Astro
Now, the content slide animation will come in later, as shown below: How about creating an altogether custom animation? Letβs make a bounce animation.
- Animate.css β A cross-browser library of CSS animations
-
Framer Motion tutorial: How to easily create React animations
There are a few ways to create animations in React, but all of them fall into two broad categories: CSS animations, which change visual state by applying CSS rules; and, JavaScript animations, which use JavaScript to change the properties of the element. In either of those categories, you can either implement the animation from scratch, or you can use a library. On the CSS side, you can compose your animations with CSS rules, or you can use third-party libraries like Animate.css.
-
What is a good tool to make an effect like this one?
Use actual CSS/JS to make the effects. You can learn most of it if you search for CSS3 animations (Mozilla dev docs are a good option). You could also use a library like Animate.css
- Anime.js β A lightweight JavaScript animation library
-
Optimizing CSS Transition Animations with Animate CSS Grid
Animate.css: This CSS animation library offers different pre-built animations that can be easily applied to elements on a website. Different animations in the library, such as fades, slides, flips, and more, can be used to animate CSS Grid layouts.
- Best free CSS animation?
- Css
What are some alternatives?
web-animations-js - JavaScript implementation of the Web Animations API
anime.js - JavaScript animation engine
Mattermost - Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
openmoji - Open source emojis for designers, developers and everyone else!
particles.js - A lightweight JavaScript library for creating particles
python-goto - A function decorator, that rewrites the bytecode, to enable goto in Python
velocity - Accelerated JavaScript animation.
three.js - JavaScript 3D Library.
Odoo - Javascript and SVG odometer effect library with motion blur
Tailwind CSS - A utility-first CSS framework for rapid UI development.
monkeytype-themes - custom css themes for monkeytype