Neubrutalism Button
A trendy neubrutalism style button with hover and active states.
Installation
npx shadcn@latest add https://glsilk.vercel.app/r/neubrutalism-button.jsonQuick Start
import { NeubrutalismButton } from "@/components/ui/neubrutalism-button";
export default function Home() {
return (
<div>
<NeubrutalismButton>Neubrutalism Button</NeubrutalismButton>
</div>
);
}Examples
Default
Open in<NeubrutalismButton>Button</NeubrutalismButton>Secondary
Open in<NeubrutalismButton variant="secondary">Secondary</NeubrutalismButton>Outline
Open in<NeubrutalismButton variant="outline">Outline</NeubrutalismButton>Destructive
Open in<NeubrutalismButton variant="destructive">Destructive</NeubrutalismButton>API Reference
The NeubrutalismButton component accepts all props from the standard shadcn/ui Button.
Prop
Type