Check out these examples of projects made with Edge Animate, and learn how they were made by downloading and experimenting with the sample files. You can also find sample templates to help you get started with your first Edge Animate project. You'll be an expert in no time!
Learn how Edge Tools & Services can help you and your team tackle animation, coding, responsive design and testing projects for the modern web. This sample features a number of powerful effects using the Edge Commons extensions library, making it an in-depth experience and expanding the possibilities of storytelling with Edge Animate. Created by Simon Widjaja, founder of edgedocks.com.
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.
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.