{"repo":"alibaba/canvas-ui","free":true,"listed":false,"github":"https://github.com/alibaba/canvas-ui","clone":"git clone https://github.com/alibaba/canvas-ui.git","description":"UI Renderer runs on top of the HTML5 Canvas","language":"TypeScript","stars":230,"topics":["canvas","react","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"Canvas UI is a general UI renderer runs on HTML Canvas. https://alibaba.github.io/canvas-ui/ It provides a series of React components, allowing developers to quickly build Canvas-based applications using their existing knowledge. It also features a DOM-like scene tree, enabling developers to manipulate elements drawn in Canvas just like they would manipulate DOM elements. Demo https://stackblitz.com/github/alibaba/canvas-ui/tree/main/examples/kanban Features - Manipulate elements in Canvas just like DOM elements - Seamlessly integrating with React applications - Flex layout - Animation based on motion - Basic text typography capabilities: automatic word wrapping, alignment, text overflow - CSS styles through the style attribute - Interaction events: PointerEvents and WheelEvent - Convenient layering capabilities - Fully written in TypeScript with complete type definitions - Rendering in WebWorker (WIP) Project Structure - packages/core The core of the renderer, providing capabilities such as createElement, events, rendering pipeline, etc. - packages/react Canvas UI's official React binding, providing components like , , etc. - packages/examples Component development and testing environment based on Storybook - tools/ scripts Development","default_branch":null,"files":null,"tree":[],"storefront":"/r/alibaba","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/alibaba/canvas-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}