‍

mStudio Design System

Im Design System starten

Konsistente Components und Patterns im Einklang mit der Marke fördern nutzerzentriertes, barrierearmes Design und sorgen für eine starke Developer Experience.Zu Get Started‍

Dark-Mode entdecken
Neu

Carpe Noctem - Nutze die Dunkelheit! Ab jetzt unterstützt unser Design System ein Light- und ein Dark-Theme.Mehr zu Themes‍

Fokus auf Developer Experience

Verschachtelte Components erleichtern das Einfügen. Automatisierungen ordnen Components automatisch mit passenden Abständen an und verhindern Abweichungen vom Design System. Alles Open Source auf GitHub‍ verfügbar und hier im Styleguide dokumentiert.Zu den Components‍

Profil

E-Mail-Adresse
max@mustermann.de
<Section>
  <Header>
    <Heading>Profil</Heading>
    <Button color="secondary" variant="soft">
      Bearbeiten
    </Button>
  </Header>
  <LabeledValue>
    <Label>E-Mail-Adresse</Label>
    <Content>max@mustermann.de</Content>
  </LabeledValue>
</Section>

mittwald Developer Portal

Im Developer Portal findest du alles, um direkt loszulegen: klare API-Dokumentation, praktische CLI-Guides und alle Infos, die du brauchst, um eigene Extensions zu entwickeln.Zum Developer-Portal‍

Baue mStudio Extensions

Mit Flow entwickelst du mühelos die Benutzeroberflächen im passenden Stil. Ganz gleich, ob direkt in mStudio integriert oder als eigenständige Lösung.Zur Extension Landingpage‍

Foundations

Erfahre mehr über die Grundlagen unseres Design Systems.Zu den Foundations‍

Patterns

Finde passende Pattern für häufige Design- und Interaktionsaufgaben.Zu den Patterns‍

Components

Nutze unseren modularen Components-Baukasten für dein Projekt.Zu den Components‍