Saola Animate 3 Pro is visual HTML5 animation software for Windows and Mac that combines timeline-based motion design, responsive layouts, interactive events and actions, reusable web elements, JavaScript extensibility, and HTML5 or video export in one authoring workspace.
Quick Summary
Saola Animate 3 Pro is designed for people who need to build animated and interactive web content visually, while still retaining access to HTML, CSS and JavaScript when a project needs more control than the built-in editor provides.
- Best for
- HTML5 animation · interactive web content · responsive banners · animated infographics · web presentations · motion graphics for browsers · interactive demonstrations
- Platforms
- Windows 10 / 11 64-bit · macOS 10.14 / 10.15 / 11 / 12 / 13 in the version 3.1 manual · HTML5 output for desktop and mobile browsers
- License
- Saola Animate 3 Pro perpetual license · $79 · one machine activation at a time · one year of free major-version upgrades and email support
- Key limitation
- User-driven interactivity belongs to HTML5 output; mouse- or touch-triggered actions do not remain interactive when the project is rendered as a normal video file
Saola Animate 3 Pro Pricing, Discount Code & License Options
Saola Animate 3 Pro is currently offered here as a $79 perpetual license. The purchase is a one-time license rather than a yearly subscription, and no separate comparison price is used to manufacture a discount percentage.
The Pro license unlocks the complete Saola Animate feature set. Atomi states that the license includes the purchased major version and its updates, one year of free upgrades to new major versions, and one year of email support. Licensing is per machine, with one machine activated at a time for each purchased license.
Saola Animate 3 Pro
Perpetual Pro licensing for the visual HTML5 animation and interactive-content authoring application, with all product features enabled.
Can This Software Do What I Need?
Saola Animate 3 Pro fits web-animation work best when the finished result needs browser-native motion, responsive layouts or interaction rather than only a flat rendered video.
-
I want to build HTML5 animations visually without hand-coding every movement
Timeline-based web animation
SupportedUse the Canvas, Timeline and Properties controls to animate element properties with keyframes, transitions, easing, motion paths, preset effects and text animation. Coding is optional for standard animation work.
-
I need one project to adapt to desktop, tablet and phone browser sizes
Responsive HTML5 content
SupportedResponsive scaling, percentage-based flexible layout, horizontal and vertical breakpoints, multiple responsive layouts and per-layout property or animation overrides are built into the authoring workflow.
-
I want buttons, clicks, key presses or touch events to control what happens next
Interactive web experiences
SupportedEvents can trigger built-in actions that control timelines, symbols, media, visibility, scene navigation, URLs and text. Timeline triggers can also execute actions automatically without waiting for the viewer.
-
I need motion paths, shape morphing, sprite animation or animated text
Advanced 2D motion design
SupportedThe animation system covers editable motion paths with auto-orientation, freeform shape morphing, uniform or custom sprite sheets, preset effects and letter- or word-level text animation.
-
I want to embed a webpage, HTML package or custom code inside the project
Web-native content integration
SupportedHTML Widget supports URL-based webpages, imported HTML packages and embedded code. Custom elements, external JavaScript/CSS resources and the built-in JavaScript editor extend the project beyond the visual tools.
-
I need reusable animated components that stay consistent across a project
Reusable symbols and shared elements
SupportedElements can be converted into symbols with their own timelines and interactivity, then reused in multiple places. Symbols can also be exported and imported between Saola Animate projects.
-
I want a normal MP4, WEBM or MKV video instead of browser-based output
Linear video delivery
SupportedProjects can be rendered to MP4, WEBM or MKV with configurable dimensions, frame rate, quality and audio settings. This is useful when the final deliverable should play as a conventional video.
-
I need mouse-click or touch interactivity to remain usable inside the exported video file
Interactive behavior in video
Not supportedA rendered video is linear. User-interaction actions such as mouse clicks do not operate in video output; keep the project as HTML5 when viewer interaction is part of the experience.
-
I need quizzes, software simulations and LMS reporting rather than web animation
eLearning authoring and assessment
Better fitSaola Animate focuses on HTML5 animation and interactive web content. A dedicated eLearning authoring application is the more appropriate category when graded questions, simulation capture or LMS-oriented course delivery is the main requirement.
-
I need a virtual webcam or live camera production tool for meetings and streams
Live video production
Different taskSaola Animate authors exported web animation and video; it is not designed to act as a virtual webcam or live multi-camera switcher.
How It Works
A typical Saola Animate 3 Pro project moves from scene structure and responsive layout into timeline animation, optional interactivity, browser preview and final HTML5 or video delivery.
Create a Responsive HTML5 Project
- Open Saola Animate 3 Pro and create a new project with the intended document dimensions.
- Enable Responsive Layout when the design needs separate behavior at different viewport sizes.
- Add horizontal or vertical breakpoints where the page structure or animation should change.
- Build the base layout first, then override only the properties or animations that need to differ in the responsive layouts.
Animate Elements with Keyframes and the Timeline
- Insert text, images, shapes, media, HTML widgets or other supported elements into a scene in Saola Animate 3 Pro.
- Place the Playhead where an animated property should begin and add the first keyframe, or enable Auto-Keyframe when property changes should generate keyframes automatically.
- Move the Playhead to the next time position and change position, size, rotation, opacity, color or another animatable property.
- Adjust easing, timing and transition behavior, then preview the scene directly from the Timeline before continuing.
Create Motion Paths, Morphs or Sprite Animation
- For path-based movement, add location keyframes in Saola Animate 3 Pro and edit anchor or control points to shape the route.
- Enable auto-orientation when an object should rotate naturally as it follows the motion path.
- For shape morphing, animate the path of a freeform or converted SVG shape and use path optimization when appropriate.
- For sprite sheets, define uniform or custom frames and set the animation duration in milliseconds or frames per second.
Add Viewer Interaction
- Choose the element, scene, document, timeline or preloader event that should respond in Saola Animate 3 Pro.
- Attach one or more actions, such as controlling a timeline or symbol, playing media, showing an element, changing text, opening a URL or invoking JavaScript.
- Use timeline triggers when an action should fire automatically at a precise time instead of waiting for a viewer event.
- Add timeline labels to give important time positions stable names that actions and triggers can reference later.
Preview and Export the Finished Project
- Preview the current scene or complete project from Saola Animate 3 Pro in a browser when interaction and responsive behavior need to be checked.
- Export to HTML5 when the finished project must preserve clickable, touch-based or scripted interaction.
- Use video export when the project should become a conventional MP4, WEBM or MKV file.
- Keep in mind that user-driven actions do not remain interactive after video rendering, even though automatically fired timeline-trigger actions can affect what appears in the rendered sequence.
Product Interface & Workflow
Saola Animate 3 Pro uses a scene-and-timeline workspace that keeps visual layout, animation timing, responsive controls, object properties, project resources and scripting tools available around the central Canvas.
Compatibility & Coverage
Saola Animate separates the desktop authoring environment from the HTML5 content it publishes, so compatibility needs to be checked both for the computer running the editor and for the browsers that will display the output.
| Area | Documented coverage | Practical meaning |
|---|---|---|
| Windows authoring | Windows 10 and Windows 11 · 64-bit only | The current Windows build is not documented for 32-bit Windows or older Windows releases. |
| Mac authoring | macOS 10.14 / 10.15 / 11 / 12 / 13 in the version 3.1 manual | Use the Mac build rather than the Windows installer; the single approved purchase offer is not duplicated into separate platform checkout cards. |
| HTML5 output on Windows | Latest Firefox · latest Chrome · latest Microsoft Edge | Browser preview is the correct way to validate interaction, media behavior and responsive layouts before publishing. |
| HTML5 output on macOS | Latest Safari · latest Chrome | The published HTML5 project is browser content rather than a native Mac application. |
| Mobile HTML5 output | Safari on iOS 13+ · Chrome on Android 10+ | Responsive layouts can target mobile browser sizes, but the output is still web content rather than a native iOS or Android app package. |
| Imported audio | MP3 · WAV · M4A · AAC · OGA · OGG | Resource groups can hold fallback audio formats so the browser can choose a compatible source. |
| Imported video | MP4 · M4V · WEBM · OGV | Video resource groups can provide alternate formats for broader browser compatibility. |
| Video export | MP4 · WEBM · MKV · 1–60 FPS | Video export is suitable for linear playback; interactive viewer actions are not retained as clickable behavior. |
| HTML integration | Webpage URL · HTML package · embedded code · external JavaScript/CSS resources | Projects can incorporate existing web content or custom code instead of being limited to built-in visual elements. |
Features & Capabilities
The useful distinction in Saola Animate is that animation, responsive web layout and browser interaction share one project model, so a motion sequence can also react to viewport size or viewer input instead of existing only as a rendered clip.
Keyframes, Timelines & Easing
- Manual keyframes for individual animatable properties
- Auto-Keyframe mode for generating keyframes while properties are changed
- Multiple timelines within a scene for independent animation sequences
- Transition segments with easing control between keyframes
- Up to 40 easing methods listed on the current product page
- Preset entrance, emphasis, exit and motion-path effects
Motion Paths, Morphs & Sprite Animation
- Editable motion paths with anchor and control points
- Auto-orientation so an animated element can follow the direction of its path
- Freeform shape morphing through Shape Path animation
- Automatic path optimization for supported morph workflows
- Uniform and custom sprite-sheet frame definition
- Sprite timing in milliseconds or frames per second
Responsive Web Design
- Responsive scaling for proportionally fitting a project to the browser window
- Flexible layout using percentages, auto sizing and pinned coordinate modes
- Horizontal and vertical breakpoints
- Multiple layouts selected according to viewport range
- Base-layout inheritance with per-layout property and animation overrides
- Responsive symbols that can adapt independently inside their containers
Events, Actions & Timeline Triggers
- Element, scene, document, timeline and preloader events
- Timeline, symbol and media playback actions
- Show, hide and visibility-toggle actions
- Scene navigation, URL loading and text-change actions
- Timeline triggers for actions that should fire automatically
- Timeline labels for named time positions that can be reused by actions and triggers
Web Elements & Reusable Components
- Text, images, audio, video, DIVs, shapes, freeforms and grouped elements
- HTML widgets for webpages, HTML packages and embedded code
- Custom elements for author-defined HTML tags
- Symbols with independent timelines and interactive behavior
- Import and export of reusable symbol files
- Elements that can be shown across scenes while keeping scene-specific animation
JavaScript, CSS & Advanced Web Control
- Built-in JavaScript function editor
- Document, timeline, element, event and preloader JavaScript APIs
- External JavaScript and CSS files or URLs as project resources
- Editable script resources inside the project
- Custom JavaScript functions callable from event actions
- Ability to include script resources in the generated document head
Vector, Text & 3D Presentation Controls
- Predefined shapes and freeform vector drawing
- Anchor-point and path editing for custom artwork
- Google Fonts, web-safe fonts and embeddable system-font workflows
- Text animation by letter or word with direction and delay controls
- 3D transformation controls for element position and rotation
- Scene perspective settings for 3D-transformed content
HTML5 Publishing & Video Rendering
- Browser preview of the current scene or the complete project
- HTML5 output containing project HTML, CSS, JavaScript, resources and the Saola player
- Customizable project preloader
- MP4, WEBM and MKV video rendering
- Video frame-rate control from 1 to 60 FPS
- Configurable video dimensions, quality and audio settings
Important Conditions & Limitations
Saola Animate is strongest when the deliverable remains HTML5; some browser rules, licensing conditions and the choice between HTML5 and video directly affect what the finished project can do.
Video Export Does Not Preserve Viewer-Driven Interactivity
Mouse clicks, touch input and other user actions cannot remain interactive inside a rendered MP4, WEBM or MKV file. Automatically fired timeline-trigger actions can influence the rendered sequence, but a viewer cannot click the resulting video to control it as they can with HTML5 output.
Browser Autoplay Rules Can Affect Audio and Video
The manual notes that modern browsers can require a user interaction before audio plays. A project that relies on autoplay, media playback animation or timeline-triggered media may therefore need an explicit start control so the viewer's click or tap satisfies the browser policy.
Web Media Compatibility Can Require Fallback Files
Saola Animate can group multiple sources for one audio or video element so the browser chooses a format it supports. A single MP3 or MP4 may be enough for many modern browsers, but broader compatibility can require alternate OGG or WEBM resources.
The Pro License Is Per Machine
The current Saola Animate pricing page states that each purchased perpetual license is licensed per machine and can be activated on one machine at a time. Buy additional licenses when simultaneous authoring on multiple machines is required.
Major-Version Upgrade Coverage Is One Year
The perpetual license continues to cover the purchased major version and its updates, while free upgrades to new major versions are included for one year from purchase. The perpetual model should therefore not be read as lifetime entitlement to every future major release.
Internet Access Is Required for License Activation and Deactivation
The version 3.1 manual lists an internet connection as required when activating or deactivating the application with a license. Ordinary authoring and local project work are not described as requiring a permanently online connection.
HTML5 Output Is Web Content, Not a Native Mobile App Package
Responsive layouts can run in supported mobile browsers, but the documented export routes are HTML5 and video. The reviewed material does not document direct APK, IPA or native-app packaging, so that capability should not be assumed.
SCORM, xAPI and Quiz Authoring Are Not the Product's Documented Focus
The Saola Animate manual documents interactive web authoring, HTML5 publishing and video export rather than graded quiz authoring or LMS reporting packages. Use an eLearning-authoring product when SCORM, xAPI or assessment tracking is a purchase requirement.
Free Trial / Free Version
Atomi currently advertises a 30-day free trial for Saola Animate, giving buyers a way to check the authoring workflow before purchasing the $79 Pro perpetual license.
| Trial / free point | Current documented status | Purchase relevance |
|---|---|---|
| Trial duration | 30 days | Use the trial period to verify the timeline, responsive-layout and interactive-authoring workflow on the intended computer. |
| Windows and Mac downloads | Separate Windows and macOS installers are available | Install the matching desktop build before buying when operating-system compatibility is the first concern. |
| Permanent free edition | No permanent free Saola Animate edition is identified on the reviewed product and pricing pages | Do not confuse the 30-day evaluation download with a permanently unrestricted free license. |
| Detailed trial restrictions | No per-feature trial-limit table is published on the reviewed product and pricing pages | This article does not invent watermark, export or feature restrictions that the supplied official material does not state. |
System Requirements
The version 3.1 manual documents 64-bit Windows 10/11, macOS 10.14 through 13, a 2 GHz 64-bit processor baseline, 4 GB RAM and the browser requirements used below.
| Requirement | Documented value | Notes |
|---|---|---|
| Windows | Windows 10 or Windows 11 · 64-bit (x64) only | The current Windows download is not documented for 32-bit systems. |
| macOS | macOS 10.14 / 10.15 / 11 / 12 / 13 | These are the Mac operating systems listed in the supplied Saola Animate 3.1 User Manual. |
| Processor | 2 GHz or faster processor with 64-bit support | Published in the Saola Animate 3.1 User Manual. |
| RAM | 4 GB or more · more than 8 GB recommended | Larger media-heavy or animation-heavy projects can reasonably benefit from the vendor's recommended memory level. |
| License activation | Internet connection required for activation and deactivation | The manual states this requirement specifically for license management. |
| Windows HTML5 playback | Latest Firefox · Chrome · Microsoft Edge | These browser requirements apply to running exported HTML5 content, not to installing the editor itself. |
| Mac HTML5 playback | Latest Safari · Chrome | Browser support should be checked with the actual project's media and interaction features before publication. |
| Mobile HTML5 playback | iOS 13+ Safari · Android 10+ Chrome | These are the mobile-browser baselines in the version 3.1 manual. |
Alternatives & Better-Fit Options
The supplied alternatives solve different creation problems, so they are most useful when your project is shifting away from exported HTML5 animation toward live video production or structured eLearning content.
ManyCam Studio
Choose ManyCam when the job is live camera production, virtual-webcam output or streaming rather than designing browser-based animation and interactive HTML5 documents.
ActivePresenter Pro
Choose ActivePresenter when screen recording, software simulations, quizzes or LMS-oriented eLearning delivery matter more than Saola Animate's dedicated web-animation and interactive-content workflow.