Search Results for "canvas"

Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. ...

...The collection spans CSS frameworks, layouts, typography, color systems, backgrounds, icons, diagrams, illustrations, and individual interface elements. It also covers animation, onboarding, empty states, accessibility checks, design software, Canvas, WebGL, and 3D experiences. Developers and designers can use it to discover both practical utilities and playful ideas that make interfaces feel more memorable. Its extensive table of contents makes the repository useful as a searchable design reference. Community contributions help expand and refine the collection over time.

PixiJS is a fast and lightweight 2D rendering library that lets you create rich, interactive graphics, cross platform applications, and HTML5 games even without prior knowledge of WebGL. It’s a fantastic tool for creating rich, interactive content and with built-in cross platform compatibility and graceful degradation, there’s less work for you and more space for fun and creativity! PixiJS works across all devices and is incredibly fast. If you want to create exceptional experiences without...

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. ...

ReacType is a rapid prototyping tool built on Electron that allows users visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview that can be exported as a React app for developers employing React component architecture alongside the comprehensive type-checking of TypeScript. In other words, you can draw prototypes and export React / TypeScript code! After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. ...

...Design with real data— Designing with data is important but challenging; react-sketchapp makes it simple to fetch and incorporate real data into your Sketch files. Build new tools on top of Sketch— the easiest way to use Sketch as a canvas for custom design tooling.

A Javascript Library for plotting stocks or other type of data using HTML 5 canvas. You can create your own plots on a html div element. You can use candlestick chart, line plot, bar chart or distribution diagram. It can work with dinamic javascript frameworks, eg. js Ext and jQuery. You are able to use data sources, so different parts of the same data can be plotted at the same time on your page. You can pan and zoom your plots with mouse and keyboard shortcuts.