Circuit Board

Animated SVG circuit board with glowing traces and a central chip. It displays glowing lines and pulses in different colors. Use it as a background in hero or product sections for a tech-themed design.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/circuit-board

npx layro-cli add @nolly-studio/circuit-board

npx layro-cli add @nolly-studio/circuit-board

bunx layro-cli add @nolly-studio/circuit-board

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import { useId } from "react"
import { ArrowUpRight } from "lucide-react"
import { motion, type Variants } from "motion/react"

const spring = { type: "spring" as const, stiffness: 300, damping: 24 }

const cardStagger: Variants = {
  hidden: { opacity: 0 },
  visible: {
    opacity: 1,
    transition: {
      staggerChildren: 0.1,