Top 20 HTML5 Canvases Templates
This year Christmas will be magical as a
music box! Show your customers how you cherish with this elegant Christmas
card. Effects are many, many animations with a beautiful and pleasant music.
And you still control the sleigh of Santa Claus! You can see the animation on
the tablet and phone, because the card was made with html5. Fully touuch! The
arts are included, and even has a help file.
2. Merry Christmas e-Card
Dear
friends, as you probably noticed Christmas holidays are coming. Let’s get
prepared! Let’s buy a Christmas greeting card in advance! I’m glad to present a
Merry Christmas e-Card which can be a great way to congratulate your friends,
family members or partners.
Using
Merry Christmas e-Card you’ll be able to change:
greeting text
font
background
melody
type, color and number of particles
3. Christmas Card Flat Elegant
The beauty of the flat design with elegant
Christmas elements. All this in a beautiful snow globe! The card has effects of
snow and move, and you can edit all the text through the xml. And you can select
the font from Fonts Google.There are 3 different styles, elegant and modern.
The file contains all the arts in photoshop format. So, you can edit all the
elements!
4. Christmas Card - Super Fireworks
Great atmosphere
Christmas filled with warmth and feeling of a great holiday, with beautiful
fireworks, shining stars of the sky and the beautiful flying snow.You can see
the animation not only on a computer, also on the tablet and phone, because the
card has excellent optimization,full screen resolution on all device, fully
touch in all devices! The arts are included and a instruction file in PDF, RTF,
PNG.
Full Card;
HTML5 Mobile Optimized;
Mobile App Optimized Cocoon.io;
One Touch Control;
Touch & Mouse;
Sound Fx;
Playable in all platforms (Mobile, PC, etc.);
Online Support 24/7;
Full-HD Resolution: 1920×1080px;
Easy to Reskin;
Easy to Change Source;
No Programming Knowledge Needed;
Including XML file;
Including instructions in (PDF, RTF, PNG)
5. Zeppelin Broadcast Instant Messages
An animated balloon (the Zeppelin) appears to
float across the browser window, slows down slightly, displays a message and
then flies away. Multiple people that are currently viewing the webpage see the
zeppelin and get the message more or less simultaneously.
6. JSManipulate
JSManipulate is a feature packed jQuery plugin for applying and animating
filters and effects on images. The plugin works on both image and canvas elements, and enables you to easily spice up
your images and create beautifully animated effects. JSManipulate brings some
unprecedently seen visual effects out of Flash and into the world of HTML5
canvas enabled browsers.
7. Funphoto
Funphoto
is a HTML5 canvas where you can upload and decorate your photos with stickers. The
ZIP package contains the game with 768×1024 resolution that scales
proportionally to fit current screen device.
How To Use:
1. Access camera to take
photo or upload photo from computer/device
2. Start decorate your photo by adding the stickers
3. Download your image
2. Start decorate your photo by adding the stickers
3. Download your image
Features:
·
Upload
image from PC/Mobile
·
Access
camera from PC/Mobile
·
Stickers
load via XML file including thumbnail, image
·
Download
and share to facebook
·
High
Definition (768×1024)
·
Auto-Resize
(Responsive)
·
Mouse
and Touch Controls
·
Run
in all platforms (Mobile, PC, etc.)
·
Browser
not support page
·
Mobile
rotate instruction (For Portrait Only)
·
Make
with CreateJS
8. jQuery Html5 Buttons
jQuery html5 Buttons combines the power of jQuery, the
graphics capabilities of HTML5 canvas component and the beauty of a design in
css3, to give superb animated buttons, very easy to integrate.The package
contains the plugin, the documentation and this online smart generator : create your
buttons in live and dowload them, ready to work.The generator is included to
create your own buttons. You must not distribute freely the buttons.
9. Christmas Card with Many Effects
Show your customers how you value for them
with this beautiful and elegant Christmas card. There are several animations,
including parallax! You can modify all text, and leave the card with your
identity. All the pleasant sound of beautiful music. You can see the animation
on the tablet and phone, because the card was made with html5. Fully touuch!
The arts are included, are 3 color cards and even has a help file.
10. PixText
PixText
is the animated text consisted of pixels. It has fully customizable
transitions, 3 different pixel types and a lot of other features, which will
help to satisfy your needs. Check the preview page for more information.
Pack:
·
JS
and HTML files
·
Documentation
·
Preview
page
11. jQuery Shining Image
jQuery Shining Image is an HTML5 jQuery plugin that
add an animated shining effect to your images. This plugin use canvas element, and is
compatible with all computer and mobiles modern browsers. For the others, the
image keeps its default static look.
12. Heart Card
This greeting Heart Card is
a great way to congratulate loved person with Valentine day, wedding day or
other memorable dates.
Parameters which can be
changed:
color of heart/bear
number of objects in heart/bear
rotation speed of objects in heart/bear
font
greeting text
melody
13. HTML5 Zipper
This
is a simple HTML5 Zipper Animation Canvas simulation script. It’s fully
customizable. Colors, backgrounds and textures could be applied. It could be
used as a cool animation or for other purposes.
14. Fish Animation
Fish Animation is a jQuery plugin that transform a HTML5 canvas element into
configurable fish animation using CreateJS library.
Features:
·
Customizable
settings are:
·
Number
of fish
·
Colour
·
Scale
·
Speed
of swimming
·
Run
in all platforms (Mobile, PC, etc.)
·
Make
with CreateJS
15. Christmas Card Magic Lights
One of the best Christmas things are the
beautiful bright lights! And now you can pass this feeling to their customers!
Many light effects, in a beautiful and elegant Christmas card. There are 3
colors, blue, red and white.You can see the animation on the tablet and phone,
because the card was made with html5. Fully touch! The arts are included, are 3
color cards and even has a help file.
16. Christmas Card Elegant
Some clients are very special and need a more
elegant Christmas card. Was thinking about this audience that this card was
made. Elegant, posh, modern and very beautiful.You can see the animation on the
tablet and phone, because the card was made with html5. Fully touuch! The arts
are included, are 3 color cards and even has a help file.
17. jQuery Gradient Creator
jQuery Gradient Creator is a jQuery plugin
that allows you to add gradient generators in your web
apps and sites. Smart and fully
cutomizable, it is suitable for any type of use : CSS generators,
HTML5 canvas applications, live usages …
Features
·
Unlimited gradient points
·
HTML5 Browsers compatible (IE9 +)
·
Generate and export CSS code
·
Customizable by CSS
·
Many smart parameters and methods
·
Fast loading and fluid usage
·
Included : colorpicker plugin and any
jQuery-ui libraries
·
Can easily be combined with HTML5 canvas
·
No server file, only js and CSS
·
Documentation and examples
18. Winter Music Box
Make your own Animated Winter Card greeting! Just set the options you
want, and write your message.
Features:
·
greeting text
·
change font, color and size
·
music
·
count of stars
·
size of starry sky
·
rotation speed of ground and stars
19. Yoshi - Particle Effects System
You’re most likely looking for something
specific – not a generic plugin that will bend to your needs. CodeDroids
plugins are not all-in-one or multipurpose. They’re built to serve one specific
task well – and usually with a quick Copy & Paste approach. The idea is to
get your problem fixed as fast and efficiently as possible – without you
needing to even waste time reading documentation.
20. Christmas Card Gift Planet
The greatest gift in the world is the size of
a planet! A beautiful Christmas card in planet format with several animations
and colors. Some friends deserve this great gift.You can see the animation on
the tablet and phone, because the card was made with html5. Fully touch! In
this card you can change the music, all the images and the text, through an xml
file. The text size and color are also editable. Animations developed with
javascript files are not editable. The card was developed using the Construct
program (capx not included). The psd files of layouts are included, and a help
file.
No comments