Button

A versatile button component with multiple variants and sizes built with shadcn/ui and Tailwind CSS.

This flexible button component provides a comprehensive set of styling options and interactive states. It is built on top of the shadcn/ui button but with several unique styles and variants so better fit the needs of design of modern landing pages and marketing websites.

The component includes essential features such as focus management, disabled states, and seamless dark mode support. Built with Shadcn, Tailwind CSS and Radix UI primitives, it ensures consistent styling and accessibility across your interface.

Installation

1

Set up project

If you haven't done that already, follow the installation guide before installing your first component.

2

Install components and dependencies

npx shadcn@latest add "https://launchuicomponents.com/r/button"

This command will:

  • install necessary dependencies and add them to package.json
  • add necessary components to components/ui
3

Start using your component

Your component is ready to use!

Variants

Free
Free
Free
Free
Free
Free

Sizes

Free
Free
Free
Free
Free

Need help?

File a feature request, report a bug, or ask me anything.