Neo Button

A vibrant button with hard shadow and press effect

import { NeoButton } from "@/components/ui/neo-button"
 
export function NeoButtonDemo() {
  return (
    <div className="flex items-center">
      <NeoButton variant="primary">Click Me</NeoButton>
    </div>
  )
}

1	`<NeoButton variant="primary">Click Me</NeoButton>`

Installation

npx shadcn@latest add https://grainio.vercel.app/r/NeoBrutalism/NeoButton.json

Examples

Sizes

1	`<NeoButton size="sm">Small</NeoButton>`
2	`<NeoButton size="md">Medium</NeoButton>`
3	`<NeoButton size="lg">Large</NeoButton>`

States

1	`<NeoButton loading>Loading</NeoButton>`
2	`<NeoButton disabled>Disabled</NeoButton>`

1	`import { NeoButton } from "@/components/ui/neo-button"`
2
3	`export function NeoButtonDemo() {`
4	`return (`
5	`<div className="flex items-center">`
6	`<NeoButton variant="primary">Click Me</NeoButton>`
7	`</div>`
8	`)`
9	`}`