UI Components Showcase

A comprehensive display of all available UI components

Buttons

Default

Secondary

Destructive

Outline

Ghost

Link

Button Sizes

Badges

Default
Secondary
Destructive
Outline

Cards

Basic Card
A simple card with header, content, and footer.

This is the card content area where you can put any information.

Art Gallery Card
Perfect for showcasing artwork and paintings.

Artist: Vincent van Gogh

Oil on canvas, 1889

$2,500
Interactive Card
A card with interactive elements.

Form Elements

Inputs & Labels

Select Dropdown

Accordion

Carousel

Abstract Sunset

Oil on Canvas

Ocean Dreams

Watercolor

Forest Path

Acrylic

Spring Blossoms

Digital Art

Golden Fields

Oil Pastel

Separators

Horizontal Separators

Content above separator

Content below separator

Content with colored separator

Vertical Separator

Left content
Middle content
Right content

Scroll Area

Artist List

Artist 1

Specializes in modern art

Artist 2

Specializes in modern art

Artist 3

Specializes in modern art

Artist 4

Specializes in modern art

Artist 5

Specializes in modern art

Artist 6

Specializes in modern art

Artist 7

Specializes in modern art

Artist 8

Specializes in modern art

Artist 9

Specializes in modern art

Artist 10

Specializes in modern art

Artist 11

Specializes in modern art

Artist 12

Specializes in modern art

Artist 13

Specializes in modern art

Artist 14

Specializes in modern art

Artist 15

Specializes in modern art

Artist 16

Specializes in modern art

Artist 17

Specializes in modern art

Artist 18

Specializes in modern art

Artist 19

Specializes in modern art

Artist 20

Specializes in modern art

Artwork Collection

Artwork 1

$299

Artwork 2

$299

Artwork 3

$299

Artwork 4

$299

Artwork 5

$299

Artwork 6

$299

Artwork 7

$299

Artwork 8

$299

Artwork 9

$299

Artwork 10

$299

Artwork 11

$299

Artwork 12

$299

Collapsible

Dropdown Menu

Basic Dropdown

Checkboxes

Radio Options

Navigation Menu

Pagination

Basic Pagination

Current page: 1

Gallery Pagination Example

Artwork 1

Artist Name

Artwork 2

Artist Name

Artwork 3

Artist Name

Artwork 4

Artist Name

Artwork 5

Artist Name

Artwork 6

Artist Name

Artwork 7

Artist Name

Artwork 8

Artist Name

Sheet (Drawer/Modal)

Side Sheets

Top/Bottom Sheets

Component Combinations

Artist Registration Form
A combination of form elements in a card layout
Professional
Verified
Featured Artwork
Showcase with multiple UI elements

Starry Night Reimagined

By Modern Vincent

Digital
Limited Edition
4K Resolution
$450

States & Variations

Button States

Input States