# How to create custom Dials

DevFeed: [How to create custom Dials](<https://devfeed.tech/articles/how-to-create-custom-dials-25785.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/how-to-create-custom-dials/>)

Author: sinasamaki

Published: 2026-03-14T20:43:05Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Library](<https://devfeed.tech/topics/library.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [render](<https://devfeed.tech/topics/render.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [article](<https://devfeed.tech/tags/article.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [library](<https://devfeed.tech/tags/library.md>), [render](<https://devfeed.tech/tags/render.md>)

## AI overview

A tutorial on customizing ChromaDial, including visual and invisible thumbs, drag and hover interactions, animated feedback, full-size touch areas, and custom track drawing with Canvas.

## Source excerpt

ChromaDial is super customizable and delightful