Light Rays
God rays fanning down from the top of a section.
- 0.7 KB gzipped
- Zero dependencies
- Reduced-motion safe
- Base UI & Radix compatible
Preview
Light Rays
Installation
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/light-rays.jsonAdds components/velora/light-rays.tsx and merges the keyframes and tokens into your CSS.
Props
| Prop | Type | Default |
|---|---|---|
countNumber of rays fanning out from the origin | number | 9 |
spreadTotal spread of the fan, in degrees | number | 70 |
className | string | — |
Accessibility
- Reduced motion
- No change: the rays are static gradients with no animation.
- Keyboard
- Decorative — nothing to operate.
- Screen readers
- Decorative: the rays are aria-hidden.