Repel Grid

A field of dots that gets out of the cursor's way and drifts back, moved by transforms written straight to the DOM and stopped once it settles.

Remix

0

Bookmarks

0

Installs

0

Views

22 lines
import { ArrowRight } from "lucide-react"
import { RepelGrid } from "@/components/ui/repel-grid"

export default function DemoRepelGrid() {
  return (
    <RepelGrid>
      <h1 className="mx-auto max-w-xl text-balance text-4xl font-semibold leading-[1.05] tracking-tight sm:text-6xl">

15 more lines behind a plan

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

See plans
Checks
Dependencies
lucide-react
License
MIT License
Published
9/19/2026

Similar components

That's all 6 components

Explore more

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