Clevision

Buttons

Buttons

About

Here is Buttons Components

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

Code

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

Usage.tsx

import { Button } from '@/components/ui/button'

const ButtonExtraSmallDemo = () => {
  return <Button className='h-7 px-2 py-1 text-xs'>Extra Small</Button>
}

export default ButtonExtraSmallDemo

More by Clevision

View all
  • Calendar

    Calendar

    110
  • Card Studio

    Card Studio

    106
  • Collapsible

    Collapsible

    43
  • Button Group

    Button Group

    39
  • Waitlist 01

    Waitlist 01

    34
  • Logo Cloud

    Logo Cloud

    32
  • Combobox

    Combobox

    32
  • Hero Section 44

    Hero Section 44

    31

More in Buttons

View all
  • Button

    Button

    11
  • Button

    Button

    1
  • Eclipse Button

    Eclipse Button

    42
  • Texture Button

    Texture Button

    104
  • Native Button

    Native Button

    12
  • Button

    Button

    78
  • Button

    Button

  • Notification Button

    Notification Button

    113