Buttons

Interactive button components with various styles and effects

Quick Start Guide

Add Component

Choose the specific button type you want:

Mesh Gradient Button:

npx shadcn@latest add https://glsilk.vercel.app/r/mesh-gradient-button.json

Warp Button:

npx shadcn@latest add https://glsilk.vercel.app/r/warp-button.json

Neubrutalism Button:

npx shadcn@latest add https://glsilk.vercel.app/r/neubrutalism-button.json

Import Component

import { MeshGradientButton } from "@/components/ui/mesh-gradient-button";

Use Component

app/page.tsx
import { MeshGradientButton } from "@/components/ui/mesh-gradient-button";

export default function Home() {
  return (
    <div>
      <MeshGradientButton>Click me</MeshGradientButton>
    </div>
  );
}
glsilk