Курсор-компаньон

Playground

Наводите на карточки — курсор рядом показывает разные механики-индикаторы. Песочница для кастомных сценариев.

hint Подсказка Кольцо вокруг курсора + подпись сбоку.
link Ссылка Стрелка-подсказка пульсом уезжает вправо.
external Внешняя ссылка Иконка «наружу» — откроется в новой вкладке.
play Видео Иконка play рядом с кольцом.
view Крупное кольцо Кольцо увеличивается — акцент на просмотр.
expand Развернуть Иконка «в стороны» для фуллскрина.
hold Удержание Донат заполняется за 1.2 с → галочка.
hold · red Красный акцент Тот же прогресс в фирменном красном.
loading Загрузка Бесконечный спиннер-дуга.
image Превью-картинка Миниатюра появляется у курсора.
counter Счётчик Дуга = позиция, подпись «03 / 12».
drag Перетаскивание Стрелки по бокам; зажатие — «схватить».
copy Копирование Клик → «Скопировано» + галочка и пульс.
magnetic Притяжение Кольцо мягко притягивается к центру блока.
disabled Недоступно Приглушённое серое кольцо + запрет.
text · без кольца Только подпись Плашка без кольца — минимальный вариант.
frame · без кольца Скобки-фокус Уголки «обнимают» блок и морфятся между ними.
crosshair · без кольца Прицел Перекрестие на курсоре — точное позиционирование.
beam · без кольца Каретка Мигающая вертикальная черта — как в тексте.
bar · без кольца Линейный прогресс Полоса вместо доната → галочка по завершении.
Авто-режимы — без data-cursor
Ссылка
Навести и печатать — каретка…

Дефолт — стрелка · над кликабельным — конверт с точкой · над полем ввода — каретка. Всё автоматически.

Перетекание фокуса между элементами

Веди мышь между пунктами — заливка плавно перетекает из одного в другой (как у Apple).

Скобки-фокус между элементами
01
02
03
04
05

Веди мышь между блоками — скобки-фокус перетекают из одного в другой.