deals

premiumpacks & stunning demos of html5 canvas implementations (12 items)

Live demos of canvas implementations, created for the most part in code sandboxes like CodePen and CSSDeck.

freebies

Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications with...

Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications with high-performance animations. Features built-in in support for HDPI devices with pixel ratio optimizations for sharp text and shapes, object oriented API, node nesting and event bubbling, high-performance event detection via color map hashing, layering support, node caching to improve draw performance, node convertion to data URLs, image data, or image objects, drag & drop with configurable constraints and bounds, filters, ready to use shapes including rectangles, circles, images, text, lines, polygons, SVG paths, etc, custom shapes, event driven architecture which enables developers to subscribe to attr change events, layer draw events, serialization & de-serialization, selector support e.g. stage.get('#foo') and layer.get('.bar'); desktop and mobile events, custom hit regions, and more!

A beautiful loader made with CSS and Canvas. It is full of little squares flowing through space. The cursor is replaced by a focal light that creat...

A beautiful loader made with CSS and Canvas. It is full of little squares flowing through space. The cursor is replaced by a focal light that creates shadows from the squares. It is a compelling code snippet that can entertain people while a page loads, or it can work as the base of a game. It was created by Mladen Stanojevic.

BigPicture works as a gigantic notepad for you to throw ideas to later pick them up. In it, you have an infinite canvas in which to type everything...

BigPicture works as a gigantic notepad for you to throw ideas to later pick them up. In it, you have an infinite canvas in which to type everything that comes to mind. However, instead of working linearly, you scroll to zoom in or out, giving you space to write even more things. You can search, pan, move text, zoom and show all.

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing...

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing to Medical & Education, Only $29!

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close ...

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close to another, it creates a smooth connector that illuminates the more the closest the two dots get from one another. It was created with a bit CSS for styling.

The GreenSock Animation Platform is a suite of tools for scripted animation counting on 4 main ones; TweenLite for animation handling through objec...

The GreenSock Animation Platform is a suite of tools for scripted animation counting on 4 main ones; TweenLite for animation handling through object properties, TweenMax for boosting Tweenlite with non-essentials like repeat, delays, and more, TimelineLite for sequencing actions precisely relating the timing between them allowing even timeline nesting and workflow modulation, and last but not least, TimelineMax which extends TimelineLite with non-essentials too.

This walkthrough from TheCodePlayer will teach you how to create stylish gauge charts with the help of canvas. The gauge will refresh every two sec...

This walkthrough from TheCodePlayer will teach you how to create stylish gauge charts with the help of canvas. The gauge will refresh every two seconds to display a new number, which can be useful to display real-time information when it is time to implement the tool.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% Off)

An attractive set of circular charts that start their appearance with a smooth animation once the page loads. They make use of canvas and data attr...

An attractive set of circular charts that start their appearance with a smooth animation once the page loads. They make use of canvas and data attributes to handle their animations correctly. This project was uploaded to CodePen by the user Stephen Scaff.

Awesome Javascript cloth simulation that can be tear apart.

Awesome Javascript cloth simulation that can be tear apart.

Interactive CSSDeck Logo. Created wi...

Interactive CSSDeck Logo. Created with ParticleSlider.Responsive & lowers quality for mobile devices.Hover over logo to interact with particles. Click to randomize Particles. Raise Particle-Gap for better performance.See http://particleslider.com for more information

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Sc...

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Science, and Much More, PLUS All Future Releases! Only $19! (96% Off)

Interactive CodePen Logo. Created with ParticleSlider.Responsive & lo...

Interactive CodePen Logo. Created with ParticleSlider.Responsive & lowers quality for mobile devices.Hover over logo to interact with particles. Click to randomize Particles. Raise Particle-Gap for better performance.

A delightful technique for creating the effect of photographic bokeh without any images. It is a little heavy, but it surely provides a convincing ...

A delightful technique for creating the effect of photographic bokeh without any images. It is a little heavy, but it surely provides a convincing result that will surely catch some looks from visitors. This code snippet was created and uploaded to CodePen's by user Jack Rugile.

An awesome background design with multiple circles filling the screen completely, based on a painting seen in the streets of New York. The pattern ...

An awesome background design with multiple circles filling the screen completely, based on a painting seen in the streets of New York. The pattern creates some sort of “cloud” effect with very light lines, in order to not overload the view. Created by CodePen’s Tim Holman.

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and ...

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and web apps from 16 awesome products for Sketch & Photoshop at a crazy 95% off. This bundle includes $667 worth of goodies which for a limited time you can get for just $29