Show HN: Storybook Addon – Range Controls (sliders for strings, numbers, arrays)

1 silverbirder 0 8/16/2025, 12:16:47 PM npmjs.com ↗
Hi HN,

I built a small addon for Storybook called Range Controls. It adds sliders to adjust story args — useful for stress-testing layouts with varying strings, numbers, and arrays.

Motivation:

I often used Storybook’s built-in argTypes with type: "range", which is great for primitives. But for nested cases like arrays of objects (e.g. tags inside a card), I found myself writing the same boilerplate over and over. This addon tries to make that setup easier.

- Live demo: https://develop--689dd119bb72c220c0ddb738.chromatic.com/

- npm: https://www.npmjs.com/package/storybook-addon-range-controls

- GitHub: https://github.com/silverbirder/storybook-addon-range-contro...

Feedback is very welcome — API clarity, missing features, or rough edges.

Thanks!

Comments (0)

No comments yet