В основе Hairline лежат изображения, построенные из тонких линий. В отличие от обычных статичных иллюстраций, их элементы могут двигаться при наведении указателя мыши. Например, карточки приподнимаются, а столбцы меняют положение в зависимости от движения курсора.
Первоначальное описание проекта упоминало шесть изображений, однако библиотека быстро расширилась. На момент проверки репозитория разработчика в документации перечислены уже 33 изометрические фигуры. Среди них есть ноутбук, клавиатура, серверный шкаф, маршрутизатор, терминал и другие объекты.
Для разработчиков предусмотрено два варианта подключения. В проектах на React изображения используются как готовые компоненты. На других сайтах их можно создавать через функции JavaScript, передавая нужный HTML-элемент.
Библиотека распространяется в формате ESM. React версии 18 или новее требуется только при использовании соответствующих компонентов. Также предусмотрена установка через shadcn.
