ZIM JavaScript Canvas Framework for Developers

CANVAS ASSETS AND BEYOND

Components  

 

Conveniences  

 

Controls  

 

ZIM integrates with HTML 5, React, Angular, VUE, Svelte and other JavaScript Frameworks - or is most often, used on its own

Grab our templates

ZIM+SVELTE ZIM+REACT
ZIM+ANGULAR ZIM+VUE


ZIM on NPM

HELPER MODULES
Physics | Game | Three | Socket | Cam | Pizzazz

OR

Set aside complex frameworks and

  Simply use ZIM!  

Apps  

Mobile App Canvas game to find shortest route made with ZIM ZIMjs for developers
"ZIM was love at first sight. Five hundred apps later, we know it was our best choice! The developers say they have never found an easier platform to use with such excellent support."
Ami Hanya - CloseApp

E-learning  

E-learning Canvas app with graph chart interfaces made with ZIM ZIMjs for developers
"ZIM's ideology of maximum results with minimal coding, has produced a quantum leap in the speed and efficiency with which we are able to produce highly-engaging resources."
Iestyn Jones - eChalk

Games  

Creator codes Canvas Game more efficiently with ZIM ZIMjs for developers
"Coding with ZIM lets us focus on CREATION and not waste half our time on custom classes. Joining the ZIM Forum gives access to an amazing community. Our only regret is not finding ZIM earlier!"
European Gaming Co.

ZIM is great for SPA, PWA & MVC


Single Page Apps , Progressive Web Apps, and Model View Controller
ZIM Template to Code Creativity on Canvas shows fit, full scale in browser window and HTML tags for developers

START   EDITOR  

Grab a TEMPLATE and see what you can code in less than FIVE minutes!


Code in Five Minutes with ZIM on YouTube Videos

Or get ZIM at our CDN, GITHUB, NPM or try on CODEPEN!

ZIM on GitHub for developers ZIM on CodePen for front end developers ZIM on Slack - community for front end developers
import Adobe Animate / Flash, CreateJS, PixiJS, Processing / P5js, Phaser, PaperJS, and other Canvas Libraries to ZIM for developers

Importing Code to ZIM is easy!

PLUS

Dozens of helper features!

Distill to minify ZIM code on the canvas for developers
Distill - minify tool
Physics on the Canvas with Box2D of Angry Bird fame for developers
Integrated Physics
ThreeJS helper code module on the Canvas for developers
3D with ThreeJS
Accessibility for Screen Readers on the Canvas works with export from Adobe Animate replacing Flash
Accessibility
Shapes on the Canvas with ZIM for developers
Shape Pizzazz!
Icons on the Canvas with ZIM for developers
Icon Pizzazz!
Animated Patterns on the Canvas with ZIM for developers
Pattern Pizzazz!
Paths for animation on the Canvas with ZIM for developers
Path Pizzazz!
Multiuser Socket on the Canvas with ZIM for developers
Multiuser Sockets
ZIM Base PHP database scripts easy MySQLi on the Canvas with ZIM for developers
Database Library
Micro Stats on the Canvas with ZIM for developers
Micro Stats
tool to get a list of assets from a directory on the Canvas with ZIM for developers
Asset Tool
Share code on the Canvas with ZIM for developers
Share Code
TypeScript Typings on the Canvas with ZIM for developers
TypeScript Typings
Model View Controller MVC on the Canvas with ZIM for developers
Model View Controller
Node Package Manager NPM on the Canvas with ZIM for developers
Node Package Manager
CreateJS powers ZIM on the Canvas for developers
CreateJS Tools
TexturePacker Sprite and SpriteSheet tool on the Canvas with ZIM for developers
SpriteSheet Tool
Capacitor for Native Mobile Apps on the Canvas with ZIM for developers
Capacitor Native Apps
ZIM with PWA Progressive Web Apps on the Canvas for developers
Progressive Web Apps

CODE INFO

ZIM Dark Papers - a summary of the ZIMjs Canvas Framework organization, conveniences, code, etc.

VERSIONS

See ZIM DOCS for all features and UPDATES for changes

017  

AI Chat Bot Rive Integration Concave Physics Outline Image Accordion Toggle Indicator Update Continuous Pages

016  

Shaders Emitter Configurator Normalize Speech Talk Threshold Fade Percent Arc ObjectControls Font Shortcut Indicator Objects LabelWords New Forum

015  

ZIM in VR TextureActives Timeline Continuous New NPM SVELTE REACT ANGULAR VUE

014  

Store Editor Zapps Custom Cursors Velocity Tik Tok Instagram DEV Soft Keyboard Shift Editable Hierarchy Blob Flare Blob Physics

ZIM13

ES6 Modules New Template Pic Vid Aud SVG Pack Comparison keyOut Dropper Spectrum Pixel Corner Content Gradient dye Editor Theme NumPad Carousel

NFT12

NFT Crystal TextInput Dialog GIF Emoji Cam QRCode Odds seedRandom Rarity Repeats Pluck Spline

CAT11

Book Generator Synth Scrambler Connectors Page Wire Bind Base Poly Line Seconds Effects BlurEffect GlowEffect ShadowEffect ColorEffect MultiEffect AlphaEffect

TEN10

Physics Wrapper Beads SVG Radial Accordion Pulldown Dpad Arcs hitTestPath Traverse ListChecks Marquee Retina ShapeTween ZIMON Isometrics SHIM MVC NPM

NIO9

Pen Path Animation Orient Flip Speed Dynamic Animation Extra Drag on Path Parallax Path Corners Pizzazz 4 - Paths

OCT8

STYLE Component Reform Doc Reform Responsive Tile Pos/Loc Animated Colors Kids

HEP7

SKOOL TypeScript Pizzazz 1 - Shapes Pizzazz 2 - Icons Pizzazz 3 - Patterns ThreeJS Game Module Keyboard Frame Assets ProgressBar Series

SIX6

Accessibility Slack Noise Transform AudioSprite Squiggle hitTestCircles Raw Ticker Portal Cur Sha VR

VEE5

Dynamic Parameters Blob Gesture Wiggle Optional Namespace SoundWave Emitter GPU Module Names

4TH4

Container Shape Sprite Dynamo Accelerator Bitmap MovieClip Zimify Loop Extend ANIMATE addTo/removeFrom pos mov alp rot sca ske width/height Swiper

TRI3

Distill Wonder Async Frame Tag Mode Zet Center Mask Window PauseAnimate

DUO2

Config Object Slider Dial Pad Ticker Sequence Surround Slide Boundary Dictionary Place ColorPicker HitTestGrid OPTIMIZE Expand

ONE1

drag animate hitTestReg hitTestBounds hitTestRect hitTestCircle hitTestPoint centerReg outline Circle Rectangle Triangle Label Button CheckBox RadioButtons Pane Waiter Stepper Parallax Scroller Swipe HotSpots Pages Layout Guide Grid Frame shuffle rand Damp Proportion zog zid zss zgo
. . .
Dr Abstract on Medium writes articles and guides about the Canvas with ZIM for developers

Your Guide to: Coding Creativity on the Canvas Canvas API frameworks in Plain English How to get a Developer to use the Canvas Your Guide to: When to Use a JavaScript Canvas Framework Innovations in Code Your Guide to: Selecting a JavaScript Canvas Framework Your Guide to: Editors and Templates on the Canvas Your Guide to: Coding Concepts with the Colorful Canvas Your Guide to: Components on the JavaScript Canvas Your Guide to: Conveniences when Coding on the Canvas Your Guide to: Interactivity on the Canvas with JavaScript Your Guide to: Animation on the Canvas with JavaScript Your Guide to: Accessibility on the Canvas with JavaScript Your Guide to: Images, Sounds and Sprites on the Canvas Your Guide to: Style on the Canvas Your Guide to: Responsive and Adaptive Canvas Design Your Guide to: Controlling the Canvas with JavaScript