Library navigation
Backgrounds
Gradient
Wordmarks

Ray Field Background

Open in

A sweeping blue-white light ray with a soft glow and fading trail.

A sweeping blue-white light ray with a soft glow and fading trail.

Installation

Add the ray-field-background component from Hangry UI to this project.


Use the project's package manager to run:
shadcn@latest add https://ui.razeev.com/r/ray-field-background.json


Integrate the component with the existing layout and styling.
Keep its interactions and reduced-motion support intact.

How to use

import { RayFieldBackground } from "@/components/hangry-ui/shader/ray-field-background";


<RayFieldBackground className="grid place-items-center p-12">
  <h2 className="typography-section-title text-white">Follow the light.</h2>
</RayFieldBackground>;

Dependencies

  • Motion
  • vgpu