Get a head-start with Edge Animate CC by downloading and experimenting with our sample files.

We’ve also added three new, customizable templates to use a basis for popular projects such as a tabbed navigator, gallery rotator, and article browser. After downloading a template, you can open it with Edge Animate CC’s new “create from template” feature, make modifications, and save it for future use.

Each interactive template takes advantage of symbols, which play when their corresponding actions are selected.

Showcase sample files

Two Birds of a Responsive Feather (view)

Two Birds of a Responsive Feather (view)

Watch these birds soar through the sky with realistic effects, using a sprite sheet and the new motion paths feature in Edge Animate. A parallax effect was added for additional depth. Other features used for effects are CSS filters (depth of field), an animated gradient, and integration with the Edge Web Fonts service. The entire project is also responsive to different screen sizes since it's using a percentage-based layout.

  1. Download Two Birds of a Responsive Feather sample files (ZIP, 391KB)
Floral Match Maker (view)

Floral Match Maker (view)

Give your brain a little exercise with this dynamically generated and randomized game. Hover over the banner to expose the game board and match each flower to its mate. This Edge Animate sample depends on the parent page to determine the size of the stage. In addition to a scalable stage, it features dynamic symbols, fonts from the Edge Web Fonts service, some code, and timeline choreography. Best of all, it leverages one transparent PNG for the entire project.

  1. Download Floral Match Maker sample files (ZIP, 134KB)

Reusable Templates

Content Rotator (view)

Content Rotator (view)

Create your own interactive image gallery that features smooth transitions

  1. Download Content Rotator template (ZIP, 79KB)
Article Browser (view)

Article Browser (view)

Customize this four-article browser with your own content and images.

  1. Download Article Browser template (ZIP, 118KB)
Tabbed Viewer (view)

Tabbed Viewer (view)

Add tabbed content with fluid animation to your site with this easily configurable navigator.

  1. Download Tabbed Viewer template (ZIP, 80.8KB)

Note: These templates are viewable in modern browsers such as Chrome, Firefox, Safari, and Internet Explorer 9+. For older browsers that don’t support HTML5 capabilities, a static poster image is used on the down-level stage option in Edge Animate.