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]
94
Date Range Picker [react-aria-components]
86
Grid List [react-aria-components]
71
Switch [react-aria-components]
68
Select [react-aria-components]
46
Range Calendar [react-aria-components]
38
Popover
35
Menu
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

Menu

More in Buttons

Button

Texture Button

Button Group

Eclipse Button

Button

HeroUI Button Group

Base Button

App Store Button

Explore more