Skip to content

Component Showcase

Interactive demonstrations of LawnGuru UI components. Try them out!

🎨 Buttons

Button Sizes (shadcn-style)

All Button Variants (shadcn-style)

Button States

Full Width Button

📝 Inputs

Basic Input (shadcn-style)

Input Sizes (shadcn-style)

Input States (shadcn-style)

Clearable Input (shadcn-style)

File Input (shadcn-style)

Horizontal Layout (shadcn-style)

Input + Button (shadcn-style)

🏷️ Badges

Badge Variants

Outlined Badges

Soft Badges

Badge Sizes

Dot Badges

Count Badges

👤 Avatars

Avatar Sizes

Avatar with Initials

Avatar with Status

Avatar with Border

🎮 Interactive Examples

Form Example

User Card Example

Status List Example

🎛️ Form Controls

Accordion

Checkbox

Select

🚨 Alerts & Dialogs

Alert Variants

Alert Dialog

📦 Containers

Card

Collapsible

📅 Date & Time

Calendar

🎡 Media

🔍 Advanced Selectors

Combobox

Command Palette

🎛️ Additional Form Controls

Tabs

Switch/Toggle

Textarea

Slider

Radio Group

Toggle Group

💬 Overlays

Tooltip

Popover

Hover Card

Toast Notification

🎨 Visual Elements

Progress Bar

Skeleton Loader

Separator

🗂️ Navigation

Pagination

Built with 🌱 by the LawnGuru team