20 Awesome Edge Animate Templates

Home » Articles » 20 Awesome Edge Animate Templates

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

Using HTML5, JavaScript and CSS3, Edge Animate is a development tool offered by Adobe. Adobe Edge Animate, also known as Adobe Edge, is a web development tool that uses HTML5, Javascript, and CSS3.

All Edge Animate projects are compatible with HTML5-compatible browsers.

Here are 20 awesome Edge Animate templates for sliders, charts, infographic elements, progress bars, hover effects, maps, carousels and many more. Check them out!

SVG Donut Charts

Here are 6 Edge Animate projects with animated SVG Donut Charts for infographics, statistics, dashboard charts and other data visualizations.

svg donut charts

Animated Web Intro

Animated Web Intro is a powerful Web Introduction clip for your websites & advertising campaigns. It is very nice and easy to use!

Animated Web Intro

17 Animated Flip Cards Package

Use these Animated Flip Cards on your website or anywhere else you want. In the package you can find a great selection of effects that are both eye-catching and easy to use!

17 Animated Flip Cards Package

Flat Pie Charts and Progress Bars Templates

Here are some animated flat pie charts and progress bars that can be used for interactive infographics on your website. You can easy edit font, colors, and values.

flat pie charts-

Spinning SVG Earth Globes: Flat and 3D

Here are some Edge Animate projects with resolution scalable vector graphics (all graphics are SVG files), easy to customize colors, and more.

pinning svg earth

Animate Fish

This simple but effective template can be used for advertising for your site or blog. It has the function to redirect to another website.

Circle Hover Effects

Here are some Edge Animate projects with hover effect animations. These are perfect for icons in circles. You will get 28 Edge Animate projects with graphics that are pure CSS shapes, icon fonts or SVG.

 circle hover effects

3D animated SVG Line Chart Column Infographics

This is a great template for 3D Animated Line Chart Column Infographics and Progress Bars. It can be used for interactive infographics on your website, Adobe Muse project or iBook’s.

3D animated SVG Line Chart Column Infographics

Edge Interactive SVG Maps

This “Interactive SVG Maps” is built by Adobe Edge Animate CC and runs with Javascript based on SVG. It can be scaled to any size without losing quality.

edge interactive

Hover Effects – Animated Cards

Use these Animated Hover Effect Cards on your website or anywhere else you want. There is a great selection of effects included.

Hover Effects - Animated Cards

Avatar Widgets

This project template has a cool look with a universal design to accommodate almost any type of projects, products or services.

Avatar Widgets

Edge Border – Creative Portfolio / Agency Template

No matter what kind of project you are planning, Edge Border is the perfect option to create a unique website with Adobe Edge Animate.

Edge Border - Creative Portfolio _ Agency Template

Business Mascot Animated Banner

This is a set of professional designed, animated banners in the 3 most used web banner formats: Medium Rectangle, Horizontal Leaderboard, and Vertical Skyscraper.

business mascot animated banner

HTML5 Animated Banner Templates | «Space banner»

This comes with an easily interchangeable banner color scheme, logo, link, and font size. Host runtime files are on Adobe CDN. You will receive the files in PSD format for easy logo changes.

 html5 animated banner templates _ space banner by html5 banner

Zoom Kinetic – Adobe Edge Kinetic Text

Zoom Kinetic Text is responsive, scalable and easy to modify. It can be included anywhere from an ad, to a slideshow.

zoom kinetic adobe

Tangram Animated Christmas Card

This is an Animated Christmas Card in 800×600 px format. This animated card uses 10 different Tangram Christmas shapes which serve to tell a simple Christmas story. All text is editable.

tangram animated

Animated Counters – Edge Animate Collection

This is a multipurpose collection of modern animated counters with beautiful color schemes. You get 16 Edge Animate files which will perfectly integrate into any website.

animated counters

Double text lines Banner templates

Here are some animated HTML5 (Adobe Edge) Banner templates in 4 formats: Medium Rectangle 300×250, Rectangle 180×150, Leaderboard 728×90, Wide skyscraper 160×600.

double text lines

Animated Zoom Social Icons – Edge Animate Template

Looking for some unique animated interactions for your latest project or existing website? These Edge Animate social buttons collection is the perfect choice!

Animated Zoom Social Icons - Edge Animate Template

Theater Curtains Animated Logo Intro

This is an animated Logo Intro / Logo Opener, with a realistic animation. The base format is 800×300 px, and automatically adjusts to any width or height you need.

theater curtains animated logo

Author
Iggy
Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design trends, inspiration, design freebies, and more. You can follow him on Twitter

Leave a Comment

Verified by MonsterInsights