theatre
excalidraw-claymate
theatre | excalidraw-claymate | |
---|---|---|
26 | 3 | |
10,762 | 465 | |
0.9% | - | |
8.4 | 3.8 | |
21 days ago | 12 months ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
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?...
excalidraw-claymate
- FLaNK Stack Weekly 22 January 2024
- Excalidraw-claymate: based on Excalidraw to create stop motion animations
-
Ask HN: How to quickly animate sketches and 2D diagrams?
I'm using Mermaid, Excalidraw and PlantUML diagrams to explain and document what I'm working on and they work great and are a lot better than screens of prose, but I've become aware that something is missing: motion.
Animation brings a whole lot more to explanations, making simple explanations of how request coalescing works easy to understand, token simulations [0] through to helping explain concepts like Fresnel lenses [1]. Embedding them into GitHub READMEs, tweets and documentation would be awesome.
I found Excalidraw Claymate [2] but the stop motion approach with no tweening support makes it painful to create animations where circles move from place to place. There's also Manim [3] but I think this is more for maths.
Adobe Flash used to be the go-to; what do you reach for when you want to illustrate a concept with an animated diagram?
0. https://github.com/bpmn-io/bpmn-js-token-simulation
1. https://news.ycombinator.com/item?id=30576688
2. https://github.com/dai-shi/excalidraw-claymate
3. https://github.com/ManimCommunity/manim
What are some alternatives?
web-animations-js - JavaScript implementation of the Web Animations API
bpmn-js-token-simulation - A BPMN 2.0 specification compliant token simulator.
Mattermost - Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
workload-discovery-on-aws - Workload Discovery on AWS is a solution to visualize AWS Cloud workloads. With it you can build, customize, and share architecture diagrams of your workloads based on live data from AWS. The solution maintains an inventory of the AWS resources across your accounts and regions, mapping their relationships and displaying them in the user interface.
openmoji - Open source emojis for designers, developers and everyone else!
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
python-goto - A function decorator, that rewrites the bytecode, to enable goto in Python
diagrams - :art: Diagram as Code for prototyping cloud system architectures
three.js - JavaScript 3D Library.
manim - A community-maintained Python framework for creating mathematical animations.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
sglang - SGLang is a structured generation language designed for large language models (LLMs). It makes your interaction with models faster and more controllable.