Slider

Let users make selections from a range of values

Continuous Slider with Label

Brightness

Continuous Slider with Label and Icon

Call volume

Alarm volume

Centered Slider

Price Range Filter

Price range

Slider with tick marks

Slider with tick marks and labels

Range slider with tick marks

Disabled slider

Using events and API

mtrl is a lightweight, composable TypeScript/JavaScript component library inspired by Material Design principles. Built with zero dependencies, MTRL provides a robust foundation for creating modern web interfaces with an emphasis on performance, type safety, and accessibility.

Links

npm GitHub X