Pricing

Border Beam

An animated beam of light which travels along the border of its container.

6,552

Bookmarks

752

Installs

59,352

Views

48 lines
import { Button } from "@/components/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { BorderBeam } from "@/components/ui/border-beam"

export default function Component() {
  return (

33 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
motion
License
MIT License
Published
1/25/2025

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.