Button

Buttons 1

About

Here is Button component

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

Code

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

Usage.tsx

import { Button } from "@/components/ui/button-1"

export default function ButtonDemo() {
  return <Button>Button</Button>
}

Dependencies

react-aria-components
class-variance-authority

More by James Shopland

View all

Tag Group [react-aria-components]
91
Date Range Picker [react-aria-components]
85
Grid List [react-aria-components]
70
Switch [react-aria-components]
68
Select [react-aria-components]
46
Range Calendar [react-aria-components]
38
Popover
35
Slider [react-aria-components]
34

Button

Code

Dependencies

More by James Shopland

Tag Group [react-aria-components]

Date Range Picker [react-aria-components]

Grid List [react-aria-components]

Switch [react-aria-components]

Select [react-aria-components]

Range Calendar [react-aria-components]

Popover

Slider [react-aria-components]

More in Buttons

Button

Button

Texture Button

Button Save

Button

Button Group

App Store Button

Notification Button

Explore more