Bubble Background
Мягкие цветные пузыри, один следует за курсором. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add bubble-backgroundnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { BubbleBackground } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
interactive | boolean | false | A sixth bubble follows the pointer on a spring while it is inside (never on touch or under reduced motion). |
colors | readonly string[] | Up to six bubble colours, the last one for the pointer bubble (default: neighbouring hues around the theme's accent). | |
transition | { stiffness?: number; damping?: number } | Spring of the pointer bubble (default stiffness 100, damping 20). | |
scrim | boolean | true | Softens the middle of the field with the page colour, so text over it stays readable (default true). |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Spotlight — Сценические лучи и прожектор за курсором
- Meteors — Падающие метеоры
- Background Pattern — Фоновые точки, сетка и линии с затуханием
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Gradient Background · Далее: Stars Background · Весь раздел «Эффекты»