Beams
Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.
Use Beams in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/Beams-TS-TWRelated components
- Liquid Chrome
Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.
- Dark Veil
A silky veil of light that drifts in the dark and bends around the cursor.
- Gradient Blinds
Satin gradient blinds lit by a spotlight that follows the cursor, swaying and turning toward the light.