Skip to content

DeDial

SVG Web Component to render and animate clock dials. Includes counter functionality and a JS API.

DeDial
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot
  • DeDial Screenshot

App highlights:

    • Works with the latest themes

About the DeDial

DeDial is a set of Web Components whose primary purpose is to draw circular dials, counters, and timers. Dials can be used to represent animated gauges, or the ticks on a clock dial, or segments of a targeting sight. Additionally, animated countdowns can be initiated to add a more dynamic feel to any store.These components are intended for use by Theme designers, or advanced users familiar with CSS, that are looking to compose custom animations within the Theme Editor.

Key features

  • Render varied circular dials for static or animated displays, and clock faces.
  • Animated forward and reverse counter with optional JavaScript interface.
  • Smooth SVG scaling and CSS support from the theme editor.

Shopify Page Builder and Theme Sections collection

Craft your perfect Shopify store with sections and ready-to-go pages by KAVA Sections app.