Cursor Glow
Блик и наклон за курсором. Pro · Эффекты › Отклик на курсор и нажатие
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add cursor-glownpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { CursorGlow } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
tilt | number | 6 | Maximum tilt towards the pointer, in degrees; 0 keeps the content flat. Applies in the Liquid Glass theme — the Vercel theme keeps cards flat and shows only the border spotlight. |
size | number | 320 | Radius of the light around the pointer, in px. |
radius | number | string | Corner radius of the wrapped element, so the light and border glow follow its shape. Default: the card radius. | |
inline | boolean | false | Lay out inline, for buttons and chips. |
disabled | boolean | false | Turns the effect off: no pointer tracking, light, glow or tilt; the content renders as is. |
Похожие компоненты
- Magnetic — Магнитное притяжение к курсору
- Tilt Card — 3D-наклон с бликом и параллаксом
- Ripple — Волна от нажатия в стиле Material
- Confetti — Конфетти: компонент и fireConfetti()
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Marquee · Далее: Magnetic · Весь раздел «Эффекты»