Moving Border

Buttons 999

About

A border that moves around the container. Perfect for making your buttons stand out.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Moving Border to your project and fits it to your theme.

Code

How Moving Border is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import React from "react";
import { Button } from "@/components/ui/moving-border";

export function MovingBorderDemo() {
  return (
    <div>
      <Button
        borderRadius="1.75rem"
        className="bg-white dark:bg-slate-900 text-black dark:text-white border-neutral-200 dark:border-slate-800"
      >
        Borders are cool
      </Button>
    </div>
  );
}