ФоныНовое
Звёзды с гравитацией
Звёздное небо на canvas. Звёзды мерцают, соединяются линиями и стягиваются к курсору.
Настройки
color
Основано на Gravity Stars (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
14 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| count | number | 220 | Сколько звёзд. На узких экранах меньше само. |
| gravity | number | 1 | Сила притяжения к курсору. |
| connect | boolean | true | Тонкие линии между близкими звёздами. |
| connectDistance | number | 130 | На каком расстоянии звёзды соединяются, в пикселях. |
| starSize | number | 1.5 | Размер звезды в пикселях. |
| glow | number | 5.5 | Ореол вокруг звезды. 1 без ореола, 8 сильное свечение. |
| twinkle | number | 0.55 | Мерцание, от 0 до 1. |
| speed | number | 1 | Скорость дрейфа. |
| drag | number | 0.03 | Трение. 0 без трения, 1 звёзды стоят. |
| color | string | "#ffffff" | Цвет звёзд. |
| tint | number | 0 | Разброс оттенков звёзд от холодного к тёплому, от 0 до 1. |
| paused | boolean | false | Остановить анимацию. |
| children | ReactNode | — | Содержимое поверх фона, например заголовок. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge