DeDial
Versatile dial and counter for animations, timers, and clocks
Developed by Dulce Engineering
Screenshots

SVG Web Component to render and animate clock dials. Includes counter functionality and a JS API.
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.
DeDial FAQs

Get in Touch
with us
Whether you need more information on how LetsMetrix can help enhance your Shopify experience, or require technical support, don't hesitate to contact us. We're available 24/7 via email, phone, or live chat to ensure you have all the assistance you need.
