# ericdrowell/kineticjs

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/ericdrowell-kineticjs).**

4,017 stars · 742 forks · JavaScript

## Links

- GitHub: https://github.com/ericdrowell/KineticJS
- Homepage: http://www.kineticjs.com
- awesome-repositories: https://awesome-repositories.com/repository/ericdrowell-kineticjs.md

## Description

KineticJS is an HTML5 Canvas JavaScript framework and 2D graphics engine. It provides a system for building interactive user interfaces and 2D graphics by managing a scene graph of elements with dedicated rendering and event propagation.

The framework functions as a canvas interaction library that adds event handling to canvas-based applications for desktop and mobile devices. It includes a server-side canvas renderer, allowing graphics to be drawn and rendered in a server environment.

## Tags

### User Interface & Experience

- [Canvas Element Interactions](https://awesome-repositories.com/f/user-interface-experience/interactive-ui-elements/interactive-element-registries/canvas-element-interactions.md) — Provides a system for building interactive user interfaces and 2D graphics on HTML5 Canvas. ([source](https://cdn.jsdelivr.net/gh/ericdrowell/kineticjs@master/README.md))
- [Hit-Testing Systems](https://awesome-repositories.com/f/user-interface-experience/coordinate-systems/coordinate-converters/coordinate-space-mappers/hit-testing-systems.md) — Determines user interaction by calculating whether pointer coordinates overlap the bounding areas of canvas objects.
- [Event-Driven Interaction Handlers](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/general-interaction-frameworks/interaction-models/event-driven-interaction-handlers.md) — Translates raw browser input events into specific interactions for managed canvas elements.
- [State-Driven UI Rendering](https://awesome-repositories.com/f/user-interface-experience/event-driven-state-managers/event-driven-state-synchronizers/ui-state-recomposition/state-driven-ui-rendering.md) — Automatically redraws the canvas surface based on updates to the state of managed graphic objects.

### Graphics & Multimedia

- [2D Rendering Engines](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/webgl-gpu-rendering/2d-rendering-engines.md) — Implements a 2D graphics engine that manages a scene graph with dedicated rendering and event propagation.
- [HTML5 Canvas Libraries](https://awesome-repositories.com/f/graphics-multimedia/html5-canvas-libraries.md) — Functions as a comprehensive framework for developing interactive canvas-based interfaces for desktop and mobile.
- [Server-Side Rendering Abstractions](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/systems/server-side-rendering-architectures/server-side-rendering-abstractions.md) — Implements an architectural layer that decouples rendering logic to support both browser and server-side environments.
- [Context Extensions](https://awesome-repositories.com/f/graphics-multimedia/html5-canvas-libraries/context-extensions.md) — Augments the standard HTML5 2D rendering context with specialized methods for managing interactive objects.

### Software Engineering & Architecture

- [Scene Graph Hierarchies](https://awesome-repositories.com/f/software-engineering-architecture/tree-node-property-mappings/scene-tree-architectures/scene-graph-hierarchies.md) — Maintains a hierarchical scene graph of 2D elements to propagate transformations and manage state.

### Web Development

- [Mobile Web Performance Frameworks](https://awesome-repositories.com/f/web-development/mobile-web-performance-frameworks.md) — Offers a structured framework for creating high-performance visual experiences in mobile web browsers.
- [Canvas Graphics Renderers](https://awesome-repositories.com/f/web-development/server-side-rendering/canvas-graphics-renderers.md) — Provides a server-side graphics implementation to render canvas elements in a NodeJS environment. ([source](https://cdn.jsdelivr.net/gh/ericdrowell/kineticjs@master/README.md))