UI-Galerie

Alle shadcn/ui-Komponenten im E&P-Stil, nach Kategorien geordnet.

Formulare & Eingaben

Button

Button Group

Input

Input Group

12 Treffer

Input OTP

Textarea

Label

Field

Wir senden die Bestätigung an diese Adresse.

Checkbox

Radio Group

Switch

Slider

Select

Native Select

Combobox

Calendar

November 2026

Date Picker (Calendar + Popover)

Toggle

Toggle Group

Overlays & Menüs

Dialog

Alert Dialog

Sheet

Drawer

Popover

Tooltip

Hover Card

Dropdown Menu

Context Menu

Rechtsklick hier

Feedback & Status

Alert

Toast

Progress

x

Skeleton

Spinner

Badge

NeuEntwurfArchivStorniert

Empty

Noch keine Buchungen
Sobald jemand bucht, erscheint es hier.

Datenanzeige

Card

Island Rundreise
10 Tage · ab 2.490 €
Gletscher, Geysire und Polarlichter.

Table

ZielTagePreis
Island102.490 €
Japan144.190 €
Peru163.780 €

Avatar

FB
AKMSLW

Chart

Carousel

Island
Japan
Peru

Item

Flug LH 450

Frankfurt → Reykjavík · 08:40 Uhr

Kbd

StrgKöffnet die Suche

Layout

Accordion

Collapsible

Aspect Ratio

16 : 9

Resizable

Links
Rechts

Scroll Area

Separator

FlügeHotelsMietwagen

Direction (rechts nach links)

Chat & KI

Attachment

Reiseplan.pdf240 KB
Pass.jpgWird hochgeladen …

Bubble

Wann geht der Transfer zum Hotel?
Direkt nach der Landung, gegen 14 Uhr.

Message

EP
Service
Wie kann ich helfen?
Ich möchte meine Reise umbuchen.

Message Scroller

Hallo, ist die Island-Reise im Juli noch frei?
Ja, es gibt noch 4 Plätze.
Super! Ist der Flug inklusive?
Ja, ab Frankfurt oder München.
Dann buche ich für zwei Personen.
Gern, ich schicke Ihnen das Angebot.

Marker

Heute
Reise wurde auf den 12. Juli verschoben

Trace

Hotels in Reykjavík gesucht1,2 sPreise werden verglichen

Code Block

begruessung.tsx
export function Begruessung({ name }: { name: string }) {  return <p>Willkommen, {name}!</p>}

Questionnaire