42 Best Adobe Edge Animate Templates

By Andy Moore
Nov 23rd, 2016
0 Comments
120 Views

Adobe Edge Animate Templates are best website, slider, banner, game templates to freely download. UI elements are responsive and icons come as SVG.

Adobe Edge Animate Templates are perfect for websites, sliders, banners and game templates. You can easily and be free to download UI elements, like SVG icons for your project. Infographics, statistics, touch-ready sliders, parallax and animated hover effects.

It is easy to work with such elements because they come along with extensive documentation and tutorials from the authors. These elements are especially good for web projects, like websites or web applications. You can save time and money by using such lovely animated stuff. The main point is animation, so the user interface should be analyzed in detail. Edge Animate templates for Adobe are perfect for people aiming to save time and are on a tight budget.

We highly recommend you to check out the examples below and pick up the one you like the most.

SVG Donut Charts

6 Edge Animate projects (+16 additional examples) with animated SVG Donut Charts for infographics, statistics, dashboard charts and other data visualizations. Displays one value or compares two different values. Present as Donut or Pie chart. Animated SVG (CSS3 animation). Free icon fonts used for the icons. Resolution independent graphics – pure CSS shapes, icon fonts or SVG. Any count of chart instances (easy to add more). Easy to change data, animation easing, animation direction, colors of elements (with or without Edge Animate software), add new ones or just remove them Included: Edge Animate files (.an, JS, HTML). Icon fonts in some projects (for preview purpose). Documentation.

donut-charts

DOWNLOAD     DETAILS

 

EdgeSlider

EdgeSlider is a responsive, animating, editable slider for Edge Animate. It can be used as a simple image slider or it can play animations and it’s optimized for mobile and desktop input and performance (touch and mouse).

edgeslider_590x590

DOWNLOAD     DETAILS

 

EdgeDial

EdgeDial is a responsive UI dial that controls Edge Animate symbols and nested animations in the style of a coverflow. You can have as many icons, images and titles as you like, the animation motion is super smooth, mouse and touch input are supported and you can swipe through using both the dial and the images.

edgedial_590x590_grass

DOWNLOAD     DETAILS

 

Spinning

Features: Edge Animate projects. Resolution independent scalable vector graphics (all graphics are SVG files). Easy to customize colors, opacity of elements (with or without Edge Animate software), or just remove them. Works on desktop and mobile devices. Included: Edge Animate files (.an, JS, HTML, SVG). Edge Animate templates (.antmpl). Documentations. PSD helpers.

preview_590

DOWNLOAD     DETAILS

 

Flat Pie

Animated flat pie charts progress bars with description and value. Can be used for interactive infographics on your website, Adobe Muse project or iBooks. You can easy edit font, colors and values. Files a fully editable within Adobe Edge CC.

flat-pie

DOWNLOAD     DETAILS

 

Wheel Of Luck

You have to spin it to win it! Wheel Of Luck runs on all platforms and is great fun for all the family. Enjoy this popular game! FEATURES: Beautiful motion and physics. Contains 2 wheel designs – one is full saturation and the other is more muted. Animating (and editable) win/lose display. Editable currency.

wheel_590x590

DOWNLOAD     DETAILS

 

Circle Hover Effects

Edge Animate projects with hover effect animations perfect for content (icons) in circles. 28 Edge Animate projects. Uses icon fonts to display the icons. Resolution independent graphics – pure CSS shapes, icon fonts or SVG. Easy to customize colors, opacity of elements (with or without Edge Animate software), add new ones or just remove them Included: Edge Animate files (.an, JS, HTML). Icon fonts (for preview purpose). Documentation.

590px_preview

DOWNLOAD     DETAILS

 

Editable

3D business card with fully editable fields and images on the front. The card flips over smoothly to reveal fully editable back face images and fields.

preview_590-1

DOWNLOAD     DETAILS

 

Edge Interactive

Now this project support latest Adobe EDGE CC 2015. This “Interactive SVG Maps” is built by Adobe Edge Animate CC and runs with javascript based on the new technique of Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality.

preview_interactive_maps

DOWNLOAD     DETAILS

 

EdgeCarousel

A truly gorgeous 3D carousel just arrived for Edge Animate! Features: Beautiful 3D motion and physics. Editable triggered animations. Easily editable page order. Can have 3 or more pages. Touch and mouse input support. Supports auto rotation for hands-free display. Pages can face forwards or outwards. Re-trigger animations or just play once. Scalable/responsive and remains centred. Optimized for desktop & mobile. Supports nested buttons/links. EdgeCarousel combines the visual power of Edge Animate and the awesome performance and flexibility of Greensock GSAP.

edgecarousel_590x590

DOWNLOAD     DETAILS

 

EdgeSlotMachine

This is such a fun slot machine to play (we call them fruit machines in the UK). Not only is this customizable with a JSON data file (meaning you could control it from a back-end) but also, and unlike every other HTML5 slot game you’ve played, this one has an arm you actually pull and release to spin the reels – the graphics are lovingly crafted creating a stunning result!

edgeslotmachine_590x590

DOWNLOAD     DETAILS

 

EdgeParallax

EdgeParallax takes parallax scrolling to the next level! Fully customisable and responsive it delivers maximum performance on tablets as well as desktop and offers full support for touch devices, conventional menus and mouse wheel input types. EdgeParallax is not just a widget or component but a complete site in itself – its super smooth performance and physics means it’s not only functional but fun too.

edgeparallax_590x590

DOWNLOAD     DETAILS

 

Business Mascot

This is a set of professional designed and animated banners in the 3 most used web banner formats: Medium Rectangle, Horizontal Leaderboard and Vertical Skyscraper. This essential web banner set is perfect for promoting and selling your Business or Product. They are very easy to customize to your needs, with ALL text editable, well named and organized elements and layers.

business-mascot-animated-banners

DOWNLOAD     DETAILS

 

HTML5 Animated Banner

HTML5 Banners in standard, popular sizes: 300×250. 336×280. 728×90. 160×600. 300×600. Opimized for Google ADwords. Very easily interchangeable banner color scheme, logo, link, also font size and style (Google fonts). 24,0 kb on disk in ZIP file. Host runtime files on Adobe CDN. In the package you will receive files in PSD format for easy logo changes, all you have to do is switch the images in the folder to yours with the help of the multi-layered PSD file.

main_590x300

DOWNLOAD      DETAILS

Zoom Kinetic

Want to showcase your key company treats in a cool Kinetic Text animation ? Zoom Kinetic Text is here to help. Responsive, scalable and easy to modify, it can be included anywhere from a ad – to a slideshow.

preview-zoom-kinetic

DOWNLOAD      DETAILS

Tangram

The concept behind this christmas card is TANGRAM, which means: “seven boards of skill” an old Chinese Puzzle consisting of 7 flat shapes (called tans) which are put together to form shapes. The objective of the puzzle is to form a specific shape (given only an outline or silhouette) using always all the 7 pieces, which may not overlap.

tangram-animated-christmas-card

DOWNLOAD      DETAILS

Animated Counters

This is a multipurpose collection of professionally designed clean and modern animated counters. With beautiful color schemes you get total of 16 Edge Animate files which will perfectly integrate into any website. Show off your stats and interesting numbers with Adobe Edge Animate Animated Counters collection. Present websites to your clients with confidence with this simple and effective addition for every great website. The counters come with in-depth instructions so even beginner level users could understand.

theme-preveiw-3

DOWNLOAD      DETAILS

Double text lines

NOTE: right now it’s incompatible with Edge Animate CC 2014 and later. The update coming soon.

590px_preview-1

DOWNLOAD      DETAILS

 

3D HTML5

A 3D Javascript cube can be populated with a local XML file. It responds to swipe gestures (mouse or touch) and loads and plays the selected video in an embedded player. It runs equally well on tablets and desktop computers.

preview_590-2

DOWNLOAD     DETAILS

HTML5

Very easily interchangeable banner color scheme, graphics/logo, link, also font size and style (Google fonts). In the package you will receive files in PSD format for easy logo and product changes, all you have to do is switch the images in the folder to yours with the help of the multi-layered PSD file.

main_590x300-1

DOWNLOAD     DETAILS

Theater

The base format is 800×300 px, and it features a FULLY RESPONSIVE ADAPTIVE LAYOUT, automatically adjusting to ANY width or height you need.  This is the perfect Logo Opener, for presenting and promoting your Logo in a Classy Style. It can be used as a web header, web banner, landing page, etc. It is very easy to customize to your needs, with ALL text editable, well named and organized elements and layers.

theater-curtains-animated-logo-intro

DOWNLOAD     DETAILS

Edge Banner Ads 2

The banner is great for App/Service/Product /Store Promotion. Available sizes: 125×125px ,200×200px ,300×250px ,728×90px , 468×60px , 250×250px , 160×600px, 336×280px.  Easy to edit and customize. Editable with Notepad or Adobe edge animate CC version 2 . Help file included. Compatible with tablets/mobiles.

it

DOWNLOAD     DETAILS

 

Animated Pie Charts

This is a multipurpose collection of professionally designed clean and modern animated pie charts. With beautiful color schemes you get total of 16 Edge Animate files which will perfectly integrate into any website including tablets. Show off your stats, percentages and interesting numbers with Adobe Edge Animate Animated Pie Charts collection. Present websites to your clients with confidence with this simple and effective addition for every great website. The charts come with in-depth instructions so even beginner level users could understand.

theme-preview

DOWNLOAD     DETAILS

 

EdgeRotater

EdgeRotater puts the fun back into navigating – flick, throw, click and wheel your way around this completely customizable, modern and slick 3D interface for Adobe Edge Animate. Features: Slick performance on desktop and mobile. Supports dragging, clicking and mouse wheel inputs. Fully editable text, colors and images. Responsive scaling. Beautiful editable animation. Runs on the fantastic Greensock engine (GSAP). Supports practically unlimited menus. Can be flat or 3D. Can either jump or animate to a page on click or wheel. Rotates continuously.

edgerotater_590x590

DOWNLOAD     DETAILS

 

Cartoon Vector Fire

Hi! This is animated sequence of transparent vector .SVG files converted from Flash and inserted in Adobe Edge Animate CC as symbols. It’s easy recolorable with filters, scalable and can be easily inserted in any Edge project with HTML5 animation.

preview

DOWNLOAD     DETAILS

 

EdgeTransitions

EdgeTransitions is a beautiful way to present images. Customise the transition type, timing, order and much more. FEATURES:. Customisable transitions. Create your own transitions from the presets provided. Add as many images as you like. Reverse, randomise and tweak the image order. Choose your own transition type order. Reverse or randomise the transition sequence. Customise the time, delay and type of transitions including eases. Comes with 3 basic presets that provide the basis of infinite transition effects.

edgetransitions_590x590

DOWNLOAD     DETAILS

 

Adobe Edge

Animated device icons perfect for enhancing a service on your portfolio or your business website. All elements are SVG. Easy timeline-based animation. Adjust speed, add or remove elements as needed. Easy to change or remove the light blue background color. 8 individual files. Small filesize (approx 250k per animation). Original Adobe Illustrator icon file included.

adobe-edge

DOWNLOAD     DETAILS

 

HTML5 Animated Banner

HTML5 Animated Banners: x4. This project includes FOUR different size banner ad templates..mEasy to edit and customisable. Use them on your website or blog. Editable with Notepad, Dreamweaver or Adobe Edge Animate. Compatible with tablets/mobile.

html5

DOWNLOAD     DETAILS

 

Edge Image

Easy To Edit. Flexible And Dynamic. Edge-JSON File Structure. Add Information With External File. Add Youtube Video. Add HTML5 Video. UPDATED 10 Feb 2015.

preview-1

DOWNLOAD     DETAILS

 

Swiss Clock

A simple HTML5 analogue Swiss Railway Clock (similar to that found in iOS) that works in two modes. The first is the original mode where the second hand stops at 12 and the minute hand changes and the second is a modern, smooth, continuous movement.

preview_590-3

DOWNLOAD     DETAILS

 

HTML5

Very easily interchangeable banner color scheme, logo, link, also font size and style (Google fonts). 44,0 kb on disk in ZIP file. Host runtime files on Adobe CDN 76,0 kb on disk in ZIP file. Host runtime files on local disk. In the package you will receive files in PSD format for easy logo changes, all you have to do is switch the images in the folder to yours with the help of the multi-layered PSD file.

main_590x300-2

DOWNLOAD     DETAILS

 

Edge Banner Ads

Edge Animate Banner Ads (4 sizes) Sizes: 250×250 (long and short version) 728×90 (Horizontal) 120×600 (Vertical). Easy to modify and customize. – Very well documented. – Help file included. – Tablets and smartphones compatible. – Uses Google Fonts. Hope you like it and enjoy it!!! If you like it, don’t forget to rate it.

edge_banner_template_preview

DOWNLOAD     DETAILS

 

Animated Counters

This is a multipurpose collection of professionally designed clean and modern animated counters. With beautiful color schemes you get total of 16 Edge Animate files which will perfectly integrate into any website. Show off your stats and interesting numbers with Adobe Edge Animate Animated Counters collection. Present websites to your clients with confidence with this simple and effective addition for every great website. The counters come with in-depth instructions so even beginner level users could understand.

theme-preview-1

DOWNLOAD     DETAILS

 

Slideshow Magic

Beautiful Responsive Slideshow. A simple yet beautiful Slideshow which goes from one image to the next with a click. Present your website BEAUTIFULLY. Ideal for personal profile or business website or other advertisement. You can add your own images very easily, just by swapping. Latest update now includes a click sound when changing slides. If you do not want this simply delete the audio file.

preview-2

DOWNLOAD     DETAILS

 

HTML5 Animated Banner

Very easily interchangeable banner color scheme, logo, link, also font size and style (Google fonts). 52,0 kb on disk in ZIP file. In the package you will receive files in PSD format for easy logo changes, all you have to do is switch the images in the folder to yours with the help of the multi-layered PSD file.

main_07_590x200

DOWNLOAD     DETAILS

 

16 Animated Scroll Icons

Responsive Edge Icons: Responsive. Easy to edit and customisable. Editable with Notepad, Dreamweaver or Adobe Edge Animate CC. Compatible with tablets/mobiles. Use them anywhere on the web where HTML5 works.

preview-3

DOWNLOAD     DETAILS

 

Photo Gallery

Features : Easy to customize. Help file included. Images used in the preview are available in photodune.net .

590x330

DOWNLOADDETAILS

Summer Promotion

This is a set of professional designed and animated banners in the 3 most used web banner formats: Medium Rectangle, Horizontal Leaderboard and Vertical Skyscraper. This essential web banner set is perfect for promoting and selling your Summer Promotion, or Season Offering. They are very easy to customize to your needs, with ALL text editable, well named and organized elements and layers.

summer-promotion-animated-banners

DOWNLOAD     DETAILS

Business Worldwide Locator

Business Worldwide Locator Animation – Adobe Edge Animate CC Template: 4 Edge Animate .antml files included. Mouse Hover Animation.. Tablet & Mobile Device Compatibility.. Original Vector Shape EPS 10.0 files included.. PDF Guide Manual. Check Preview Video for more information. Exclusive on Envato Marketplace – Codecanyon Only. Preview images/photos are not included, for illustration only.

pre_animation_locator

DOWNLOADDETAILS

Origami Ads Banner

Animated Origami ads banner is ideal for web advertisement solutions. You can create own ads banner easily via Adobe Edge. Help movies included for customization.

origami_590_preview

DOWNLOAD     DETAILS

Responsive Edge Clouds

Width Responsive. Easy to edit and customize. Editable with Notepad or Adobe edge animate CC version 2 . Help file included . Compatible with tablets/mobiles.

l2

DOWNLOAD     DETAILS

Curl Hover Effects

Edge Animate projects with subtle curl effect hover animations. Perfectly suitable for website UI elements such as call-to-action buttons, cards, image gallery thumbnail list, social share elements, price badges, profile photos, ‘our team’ photos list, pricing plans, appstore buttons or other content. 20 Edge Animate projects Resolution independent scalable vector graphics (SVG) or pure CSS3. Easy to customize colors, opacity of elements (with or without Edge Animate software), add new ones or just remove them Included: Edge Animate files (.an, JS, HTML, SVG). Edge Animate templates (.antmpl). Documentation.

curl-hover

DOWNLOAD     DETAILS