Tierarztpraxis

Für Tierärzte und Tierkliniken. Leistungen je Tierart, eine 24-Stunden-Notdienstuhr, der Impfplan, die Anmeldung neuer Patienten und Vorsorgepläne.

5 Variants

Kategorie wechseln

Tierarten

Große Kacheln je Tier, das Symbol wackelt kurz bei der Wahl. Die Leistungen steigen nacheinander auf, daneben ein Hinweis für den ersten Besuch und der Preis der Untersuchung.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/veterinary

Bringt mit utils, kit, button, icon, input, section, motion

Usage

<Veterinary variant="species" species={[{ id, label, icon: "dog", note, checkup, tip, services: [{ title, text }] }]} />

Source

Notdienstuhr

Eine 24-Stunden-Uhr zeichnet sich herein, darauf die Sprechzeiten, der Zeiger zeigt die Uhrzeit. Ein Warnzeichen anhaken und der Hinweis wird dringend, mit der passenden Nummer.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/veterinary

Bringt mit utils, kit, button, icon, input, section, motion

Usage

<Veterinary variant="emergency" hours={[{ id, label, open: "08:00", close: "19:00" }]} signs={[{ id, label, icon }]} phone="…" emergencyPhone="…" />

Source

Impfplan

Tier und Geburtsmonat wählen, jede Impfung bekommt ihr Datum auf einer Linie, die sich beim Scrollen füllt. Erledigtes abhaken, der nächste Termin gleitet mit.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/veterinary

Bringt mit utils, kit, button, icon, input, section, motion

Usage

<Veterinary variant="vaccination-plan" species={[…]} vaccines={{ dog: [{ week: 8, title, vaccines: ["…"], core: true }] }} />

Source

Neuer Patient

Drei kurze Schritte mit Fortschrittsleiste. Neben dem Formular füllt sich eine Patientenkarte beim Tippen, Name, Alter und Gewicht erscheinen nach und nach.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/veterinary

Bringt mit utils, kit, button, icon, input, section, motion

Usage

<Veterinary variant="pet-registration" species={[{ id, label, icon }]} reasons={["…"]} />

Source

Vorsorgepläne

Hund oder Katze auf einem gleitenden Schalter, Monatspreis und Ersparnis gleiten zum neuen Wert. Jede Karte zeigt, was enthalten ist und was es einzeln kosten würde.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/veterinary

Bringt mit utils, kit, button, icon, input, section, motion

Usage

<Veterinary variant="health-plans" species={[…]} plans={[{ id, title, price: { dog: 19 }, includes: [{ label, value: { dog: 120 } }], featured }]} />

Source

Details

Was Tierarztpraxis mitbringt, aus Registry und Quellcode gelesen.

Bereich: Industries
Variants: 5
Version: 1.0.0 · seit 1.1.0
Datei: components/ui/veterinary.tsx
Bringt mit: utilskitbutton icon inputsectionmotion
npm-Pakete: Keine
Sprachen: Englisch und Deutsch, 62 eigene Texte
Studio: Alle 5 Variants bearbeitbar
Mit KI bauen: Per MCP in Claude, Cursor, Copilot und Codex

Props

Die Schnittstelle VeterinaryProps aus components/ui/veterinary.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.

variantoptional
VeterinaryVariant
speciesemergencyvaccination-planpet-registrationhealth-plans
eyebrowoptional
React.ReactNode
titleoptional
React.ReactNode
descriptionoptional
React.ReactNode
speciesoptional
VetSpecies[]
species, vaccination-plan, pet-registration, health-plans: the animals the practice treats
hoursoptional
VetHours[]
emergency: practice hours per day type, the emergency service covers the rest
signsoptional
{ id: string; label: string; icon?: IconName }[]
emergency: warning signs
phoneoptional
string
emergencyPhoneoptional
string
nowoptional
string
emergency: fixed time for the dial, e.g. "21:40". Defaults to the browser clock.
vaccinesoptional
Record<string, VetVaccine[]>
vaccination-plan: schedule per species id
birthMonthoptional
string
vaccination-plan: birth month, YYYY-MM. Defaults to the browser date minus two months.
reasonsoptional
string[]
pet-registration: reasons for the visit
currentYearoptional
number
pet-registration: the year to count the age from. Defaults to the browser date.
plansoptional
VetPlan[]
health-plans
currencyoptional
string

Eingebaute Texte

Diese Texte schreibt Tierarztpraxis selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.

Alle 62 Texte anzeigen

Schlüssel	Englisch	Deutsch
species	Englisch Your animal	Deutsch Dein Tier
weOffer	Englisch What we do	Deutsch Unser Angebot
checkupLabel	Englisch General check-up	Deutsch Allgemeinuntersuchung
from	Englisch from {price}	Deutsch ab {price}
goodToKnow	Englisch Good to know	Deutsch Gut zu wissen
book	Englisch Book an appointment	Deutsch Termin buchen
practice	Englisch Practice	Deutsch Praxis
to	Englisch to	Deutsch bis
service	Englisch Emergency service	Deutsch Notdienst
nowPractice	Englisch The practice is open	Deutsch Die Praxis ist geöffnet
nowService	Englisch Emergency service on duty	Deutsch Der Notdienst ist im Einsatz
day	Englisch Day	Deutsch Tag
signs	Englisch Does one of these apply?	Deutsch Trifft eines davon zu?
urgent	Englisch Come now and call on the way	Deutsch Komm sofort und ruf unterwegs an
calm	Englisch Book a regular appointment	Deutsch Buch einen normalen Termin
urgentText	Englisch We prepare the treatment room while you drive.	Deutsch Wir bereiten den Behandlungsraum vor, während du fährst.
calmText	Englisch Without these signs, a visit in the next days is enough.	Deutsch Ohne diese Anzeichen reicht ein Besuch in den nächsten Tagen.
call	Englisch Call {phone}	Deutsch {phone} anrufen
schedule	Englisch Book a visit	Deutsch Besuch buchen
animal	Englisch Animal	Deutsch Tier
born	Englisch Born in	Deutsch Geboren im
weeksN	Englisch {n} weeks	Deutsch {n} Wochen
monthsN	Englisch {n} months	Deutsch {n} Monate
yearly	Englisch Every year	Deutsch Jedes Jahr
coreLabel	Englisch Core	Deutsch Grundschutz
optional	Englisch By lifestyle	Deutsch Je nach Haltung
done	Englisch Given	Deutsch Geimpft
next	Englisch Next vaccination	Deutsch Nächste Impfung
allDone	Englisch All set for this year	Deutsch Für dieses Jahr alles erledigt
progress	Englisch {n} of {total} given	Deutsch {n} von {total} geimpft
remind	Englisch Remind me before each date	Deutsch Vor jedem Termin erinnern
coreHint	Englisch Core vaccination, advised for every animal	Deutsch Grundschutz, empfohlen für jedes Tier
optionalHint	Englisch Recommended by lifestyle and travel	Deutsch Empfohlen je nach Haltung und Reisen
tapHint	Englisch Tap a circle once it is given	Deutsch Kreis antippen, wenn geimpft
step	Englisch Step {n} of {total}	Deutsch Schritt {n} von {total}
stepPet	Englisch Your animal	Deutsch Dein Tier
stepOwner	Englisch You	Deutsch Du
stepReason	Englisch The visit	Deutsch Der Besuch
petName	Englisch Name	Deutsch Name
breed	Englisch Breed	Deutsch Rasse
birthYear	Englisch Year of birth	Deutsch Geburtsjahr
weight	Englisch Weight in kg	Deutsch Gewicht in kg
owner	Englisch Your name	Deutsch Dein Name
phone	Englisch Phone	Deutsch Telefon
reason	Englisch Why are you coming?	Deutsch Warum kommst du?
back	Englisch Back	Deutsch Zurück
continue	Englisch Continue	Deutsch Weiter
register	Englisch Register {name}	Deutsch {name} anmelden
registered	Englisch {name} is registered. We send the confirmation by text.	Deutsch {name} ist angemeldet. Die Bestätigung kommt per SMS.
card	Englisch Patient card	Deutsch Patientenkarte
age	Englisch Age	Deutsch Alter
years	Englisch {n} years	Deutsch {n} Jahre
newPatient	Englisch New patient	Deutsch Neuer Patient
chip	Englisch Chip number at the first visit	Deutsch Chipnummer beim ersten Besuch
perMonth	Englisch / month	Deutsch / Monat
included	Englisch Included	Deutsch Enthalten
worth	Englisch Worth {price} a year when booked one by one	Deutsch Einzeln gebucht {price} im Jahr
save	Englisch You save {price} a year	Deutsch Du sparst {price} im Jahr
choose	Englisch Choose this plan	Deutsch {name} wählen
popular	Englisch Most chosen	Deutsch Am häufigsten gewählt
nameError	Englisch Please enter a name	Deutsch Bitte gib einen Namen ein
phoneError	Englisch Please enter a phone number	Deutsch Bitte gib eine Telefonnummer ein

Aus dem Quellcode der Component abgeleitet.

Tierarztpraxis reagiert selbst auf die Tasten Pfeil hoch, Pfeil runter, Pfeil links und Pfeil rechts.
Setzt aria-checked, aria-current, aria-label, aria-live und aria-pressed, damit Screenreader Zweck und Zustand ansagen.
Nutzt die Rollen checkbox, radio, radiogroup und status.
Meldet Änderungen über eine Live-Region, ohne den Fokus zu verschieben.
Jedes Feld hat ein Label, sichtbar oder für Screenreader.
Zeigt bei Bedienung mit der Tastatur einen sichtbaren Fokusring.
Der Server rendert den Startzustand vollständig, JavaScript ergänzt nur die Interaktion.

Bewegung

Bringt eigene Animationen mit, ruhig getaktet und ohne Wackeln.
Bei reduzierter Bewegung (prefers-reduced-motion) bleibt sie ruhig. 6 Stellen im Code schalten Bewegung dann ab.

Häufige Fragen

Wie installiere ich Tierarztpraxis?

Mit aiw add @ai-website/veterinary. Der Befehl legt die Datei components/ui/veterinary.tsx in dein Projekt, der Code gehört danach dir. Mit dabei sind button, icon, input, section und motion. Weitere npm-Pakete braucht sie nicht.

Welche Varianten hat Tierarztpraxis?

5 Varianten, Tierarten, Notdienstuhr, Impfplan, Neuer Patient und Vorsorgepläne. Du wählst sie mit der Prop variant, zum Beispiel variant="emergency".

Kann ich die Texte von Tierarztpraxis übersetzen?

Ja. Tierarztpraxis bringt 62 eigene Texte auf Deutsch und Englisch mit, etwa „Dein Tier“, „Unser Angebot“ und „Allgemeinuntersuchung“. Die Sprache folgt dem KitProvider, einzelne Texte ersetzt du über die Prop labels.

Kann ein KI-Assistent Tierarztpraxis einbauen?

Ja. Über den MCP-Server der aiw CLI finden Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini Tierarztpraxis mit aiw_components und installieren sie mit aiw_add @ai-website/veterinary. Nenn im Prompt die Variante, etwa variant="species", dann schreibt der Assistent deine Inhalte direkt in die Props.

Kann ich Tierarztpraxis ohne Code anpassen?

Ja, im Studio. Alle 5 Varianten lassen sich dort bearbeiten, Texte, Listen und Schalter. Das Studio schreibt den passenden Veterinary-Code zum Kopieren.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Tierarztpraxis stehen.

Tierarztpraxis

Tierarten

Notdienstuhr

Impfplan

Neuer Patient

Vorsorgepläne

Details

Props

Eingebaute Texte

Barrierefreiheit

Bewegung

Häufige Fragen

Ähnliche Components, Wird oft kombiniert mit

Ähnliche Components

Wird oft kombiniert mit