gomponents-shadcn-ui

shadcn/ui components for Go, built with gomponents.

View on GitHub

AccordionView Source

Default

AlertView Source

Displays a callout for user attention.

Default

Destructive

Auto-Dismiss Notification

Alert DialogView Source

Default

Aspect RatioView Source

Displays content within a desired ratio.

16:9

Photo by Drew Beamer

Square

1:1

AvatarView Source

An image element with a fallback for representing the user.

With Image

@shadcn

With Fallback

CN

Sizes

XSSMMDLG

BadgeView Source

Displays a badge or a component that looks like a badge.

Variants

DefaultSecondaryDestructiveOutline

BreadcrumbView Source

Displays the path to the current resource using a hierarchy of links.

Default

With Ellipsis

ButtonView Source

Displays a button or a component that looks like a button.

Variants

Sizes

Disabled

CardView Source

Displays a card with header, content, and footer.

Default

Card Title
Card description goes here.

Card content goes here. You can put any content inside.

With Action

Notifications
You have 3 unread messages.

Your notifications will appear here.

CarouselView Source

A carousel with motion and swipe.

Default

1
2
3

CheckboxView Source

A control that allows the user to toggle between checked and not checked.

Default

Checked

Disabled

CollapsibleView Source

An interactive component which expands/collapses content.

Default

@peduarte starred 3 repositories

@radix-ui/primitives

DialogView Source

Default

DrawerView Source

Default

Dropdown MenuView Source

Default

Hover CardView Source

Default

@nextjs

InputView Source

Displays a form input field or a component that looks like an input field.

Default

With Label

Disabled

File Input

Input OTPView Source

Accessible one-time password component with copy paste functionality.

Default

With Pattern

1
2

Enter your one-time password.

LabelView Source

Renders an accessible label associated with controls.

Default

PaginationView Source

Pagination with page navigation, next and previous links.

Default

PopoverView Source

Default

ProgressView Source

Displays an indicator showing the completion progress of a task.

Default

Different Values

Radio GroupView Source

A set of checkable buttons where only one can be checked at a time.

Default

Disabled

ResizableView Source

Accessible resizable panel groups and layouts with keyboard support.

Horizontal

One
Two

Vertical

Header
Content

Scroll AreaView Source

Augments native scroll functionality for custom, cross-browser styling.

Vertical

Tags

v1.0.0
v1.0.1
v1.0.2
v1.1.0
v1.2.0
v1.2.1
v1.3.0
v1.4.0
v1.5.0
v2.0.0
v2.0.1
v2.1.0
v2.2.0
v2.3.0
v2.4.0

Horizontal

Item 1

Description here

Item 2

Description here

Item 3

Description here

Item 4

Description here

Item 5

Description here

SelectView Source

Default

SeparatorView Source

Visually or semantically separates content.

Horizontal

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

SidebarView Source

A composable, themeable and customizable sidebar component.

Components Preview

A
Acme Inc
Platform
Projects
JD
John Doe
john@acme.com
Toggle sidebar

Main content area

SkeletonView Source

Use to show a placeholder while content is loading.

Default

Card

Loading State

CN

Sofia Davis

sofia@example.com

SliderView Source

An input where the user selects a value from within a given range.

Default

Different Values

Disabled

SwitchView Source

A control that allows the user to toggle between on and off.

Default

Checked

Disabled

Interactive

TableView Source

A responsive table component.

Default

A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
Total$750.00

ToastView Source

A succinct message that is displayed temporarily.

Default

Scheduled: Catch up
Friday, February 10, 2023 at 5:57 PM

Destructive

Error
Something went wrong. Please try again.

With Action

Event has been created
Sunday, December 03, 2023 at 9:00 AM

TabsView Source

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Default

Account
Password
Account
Make changes to your account here.
Password
Change your password here.

TextareaView Source

Displays a form textarea or a component that looks like a textarea.

Default

With Label

Disabled

ToggleView Source

A two-state button that can be either on or off.

Default

Outline

With Text

Sizes

Interactive

Toggle GroupView Source

A set of two-state buttons that can be toggled on or off.

Default

With Selection

Sizes

TooltipView Source

Default