Stars Background
Звёздное небо с параллаксом за курсором. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add stars-backgroundnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { StarsBackground } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
speed | number | 50 | Seconds the nearest stars take to drift 2000 px up; the farther layers are slower (default 50). |
factor | number | 0.05 | How far the field leans towards the pointer, as a share of the pointer's distance from the centre (default 0.05). |
starColor | string | Star colour (default: the theme's --ui-stars-background-color, else its foreground). | |
parallax | boolean | true | Lean towards the pointer with a spring (default true; never on touch or under reduced motion). Nearer layers lean further, for depth. |
twinkle | boolean | true | A few brighter stars that slowly twinkle, each group on its own beat (default true; still under reduced motion). |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Spotlight — Сценические лучи и прожектор за курсором
- Meteors — Падающие метеоры
- Background Pattern — Фоновые точки, сетка и линии с затуханием
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Bubble Background · Далее: Hexagon Background · Весь раздел «Эффекты»