Launch App
Fallback Content Undefined!

Customize in the left tree... [properties tab] > widget > fallback.
Free standard account with tons of features!
HTML5 Animations / Ad Banners / Slideshows / More...
Try Now!
What is divWidget?
divWidget is an online visual tool that allows web developers to create interactive studio quality HTML5 animations. Quickly create stunning effects based on a highly advanced animation core. Fully engage your target users with perfectly synchronized interactive animations.
Advanced Animations
divWidget adds a ton of styles and functionality to the browsers core animation capabilites.
Fully Responsive
Easily set styles for different devices, orientations, widget sizes, and much more.
Fit Text
Fit text to the size of your div containers (multiple lines and markup supported).
Nest Widgets
Nest and reuse divWidgets as assets. For example, nest a slideshow in a banner.
Trigger synchronized animations and apply styles from any event without writing code.
Define images, video, fonts, JavaScript, HTML content, and more as reusable assets.
Shape Editor
Create and edit polygons (stars, arrows, etc..) with the built in shape generator / editor.
Combine Animations
Create stunning effects by combining and reusing any number of animations.
What can I create?
  • animate anything
  • interactive banner ads
  • advanced slideshows
  • loading screens
  • button and hover effects
  • split text effects
  • polygon shape effects
  • animated gradients
  • div and page reveals
What can it do that CSS cant?
  • split and animate text (characters, words, and lines)
  • animate gradients (backgrounds, borders, and text)
  • morph polygons (points are added if necessary)
  • control animations (stop, play, pause, reverse, etc...)
  • play animations synchronously (one after the other)
  • apply any property or style while animating
  • set default animation properties
  • specific easing for individual keys
  • additional pre-defined easing (elastic, bounce, etc...)
  • combine transform animations without conflict
  • fit text to an element (plain, multi-line, or markup)
  • trigger animations in response to any event
  • set response values based on widget size and more
  • use aspect ratios to specify widths and heights
  • set border sizes using percentage values
  • convert clip path polygons to a mask
  • shift clip path points (supports decimal values)
  • transform clip path points (rotate, scale, skew, etc...)
  • clip path polygon fallback SVG or image for IE
  • optionally use JavaScript to generate any value
Which browsers are supported?
All modern browsers are supported. Custom fallback images and content can be automatically displayed in older browsers.
How big is the published code?
The zipped JavaScript weighs in around 40K depending on the features employed. Custom settings for each widget you create is typically around 1K or less zipped. Any number of widgets can be added to a single web page (the main JavaScript code only needs to be included once).
© 2019, divWidget, All rights reserved.  (privacy policy)