Button 55

PreviousNext

Button with stitched border design using layered shadow effects

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/button/button-55.tsx
import { GlassButton } from '@/registry/new-york/ui/glass-button'

const GlassButtonDemo = () => {
  return (
    <div className='flex size-full items-center justify-center rounded-xl bg-gray-800'>
      <GlassButton>Glass Button</GlassButton>
    </div>
  )
}

export default GlassButtonDemo

Installation

npx shadcn@latest add @shadcn-studio/button-55

Usage

import { Button55 } from "@/components/button-55"
<Button55 />