Components von A bis Z
Alle 350 Components auf einer Seite, alphabetisch. Tipp ein Wort, auch auf Deutsch, etwa Preise, Kontaktformular oder Termin.
A
- Ablauf7 VariantsProcess · ContentSo funktioniert es, von vier Schritten in einer Reihe bis zur Linie, die sich beim Scrollen füllt.
- Abos5 VariantsBundles und Abos · E-CommerceVerkaufen, was wiederkommt. Einmal kaufen oder abonnieren auf der Produktseite, Boxgrößen als Pläne, ein Baukasten in drei Schritten, der Plan der nächsten Lieferungen und wie ein Abo funktioniert.
- Abrechnung5 VariantsBilling und Usage · AppAbrechnungsscreens für Apps. Paket wechseln mit anteiligem Preis, Plätze kaufen, Zahlungsmethoden verwalten, fair kündigen und Rechnungsdaten pflegen.
- Adressformular4 VariantsAdresse, Zahlung und Einwilligung · ContentAdressen, die zum Land passen. Felder, Reihenfolge, Bezeichnungen und die Prüfung der Postleitzahl folgen dem Land, Liefer- und Rechnungsadresse trennen sich bei Bedarf, gespeicherte Adressen sind Karten, und eine Suche füllt alles aus.
- Agenten-Lauf5 VariantsAI und Chat · AppScreens für KI-Agenten, die selbst handeln. Ein Live-Lauf mit Stopp, jeder Werkzeugaufruf mit Ein- und Ausgabe, eine Warteschlange für Freigaben, ein Plan zum Prüfen vor dem Start und der Verlauf aller Läufe.
- Akkordeon3 VariantsNavigation · ElementsAufklappzeilen auf nativem details: ohne JavaScript lesbar, eine oder mehrere offen, weich, wo der Browser es kann.
- Aktionskacheln3 VariantsBanners · MarketingAktionskacheln für Shops und Angebote. Ein Sale, eine neue Kollektion, ein Gutschein oder ein Abo, jeweils als ein Link mit Bild, kurzer Zeile und Sticker.
- Angebot5 VariantsAngebot · MarketingEin Angebot, dessen Wert sofort klar ist. Eine Quittung mit allem, was drin ist, Boni, die sich beim Scrollen freischalten, der Preis neben den üblichen Wegen, ein Extra zum Dazunehmen und Zahlung in Raten.
- Angebotsanfrage4 VariantsAnfrageformulare · ContentNach einem Preis fragen, passend zum Geschäft. Ein Projektbriefing mit Budgetspanne und Dateien, Positionen für den Großhandel, Felder, die sich mit der Art des Auftrags ändern, oder die Wahl zwischen Schreiben und Rückruf.
- Animierte Icons6 VariantsMikroanimationen · VisualsSechzehn Icons, die sich mit Sinn bewegen, wenn du auf sie oder ihren Knopf zeigst. Gleiches Raster und gleicher Strich wie die Kit-Icons.
- Anmeldung9 VariantsAuth · AppAnmeldung, Registrierung und alles drumherum, mit echter Prüfung und ruhigen Bestätigungen.
- Anmeldung4 VariantsBewerbungen und Anmeldungen · ContentAnmelden zu Veranstaltung, Kurs oder Turnier, für eine Person oder viele. Ein Block je Ticket, Termine mit freien Plätzen und Warteliste, ein Team mit Kapitänin, Ticketarten mit Nachweis und Workshops, die vor Überschneidungen warnen.
- Annotationen5 VariantsGraphics · VisualsHandgezeichnete Markierungen, die auf etwas zeigen. Pfeile in fünf Formen, Klammern, Haken, Kreuze, Durchstreichungen, Betonungsstriche, nummerierte Marken und Notizen zeichnen sich beim Hereinscrollen selbst, jede mit ihrem eigenen leichten Zittern.
- Anteilsdiagramm4 VariantsVergleichs-Charts · ElementsAnteile, die zusammen 100 % ergeben, als gestapelte Zeilen, Säulen für die Mischung über die Zeit, Marimekko, in dem die Breite das Gewicht ist, oder Umfrageantworten um eine neutrale Mitte.
- Antworten vergleichen4 VariantsKI-Antworten · AppKI-Antworten in vier Formen vergleichen. Eine blinde Abstimmung zwischen zwei Antworten, die danach die Modelle zeigt, ein Wortvergleich zweier Fassungen, mehrere Modelle nebeneinander mit Dauer, Länge und Kosten und eine Auswertungstabelle.
- Anwendungsfälle6 VariantsUse Cases · MarketingEin Angebot für die Menschen, die es nutzen, in sechs Aufbauten: Reiter nach Zielgruppe, Karten je Rolle, ein Tag als Szenario, Branchen-Raster, Vorher und Nachher je Fall und eine Reihe von Geschichten.
- API-Schlüssel5 VariantsDeveloper Settings · AppScreens für API-Schlüssel. Liste je Umgebung, neuer Schlüssel, der nur einmal erscheint, Rechte je Bereich, Nutzung mit Live-Anfragen und Erneuern ohne Ausfall.
- App Download5 VariantsApp Download · MarketingDie Section, die Menschen zu deiner App bringt. Store-Buttons für das Kit gezeichnet, ohne Store-Logos, QR-Codes für den Desktop und Telefone, die sich bewegen.
- App Shell5 VariantsApp Shells · LayoutDas Gerüst einer Anwendung. Es ordnet Navigation, Kopfzeile, Bereiche und Inhalt auf Desktop, Tablet und Telefon, mit einer Seitenleiste, die zur Schiene und zur Schublade wird, Navigation in der Kopfzeile, drei Bereiche, die sich auf dem Telefon schieben, ein Inspektor, der zum Sheet wird, und ein Fokusmodus für eine Aufgabe.
- Architekturbüro5 VariantsArchitekturbüro · IndustriesFür Architektur- und Innenarchitekturbüros. Die Leistungsphasen nach Honoraranteil, eine Haltung mit einer Skizze, die sich selbst zeichnet, ein Projektblatt mit Ansicht, Schnitt und Grundriss, Materialien zum Anfassen und eine Baukostenschätzung.
- Arztpraxis5 VariantsArztpraxis · IndustriesFür Arztpraxen, MVZ und Therapiepraxen. Leistungen nach Bereich und Kostenträger, das Team, Sprechzeiten auf der Zeitachse, Versicherung und Online-Termin.
- Audioplayer3 VariantsMedia · ElementsAudio mit gezeichneter Wellenform zum Klicken, Ziehen und Durchsteppen, von der Podcast-Karte bis zur Sprachnachricht.
- Aufklappmenü3 VariantsOverlays · ElementsMenüs mit Icons, Kürzeln, Häkchen und Optionen. Pfeiltasten, Pos1, Ende, Tippen, Escape. Dazu ein Kontextmenü.
- Aufruf11 VariantsCall to Action · MarketingDie Einladung zum nächsten Schritt, von der ruhigen Zeile bis zum leuchtenden Panel.
- Auftakt17 VariantsHero · MarketingDer erste Bildschirm einer Seite in sechzehn Aufbauten, vom mittigen Statement bis zu Video, App, Reitern, Formular und Terminal.
- Auswahl2 VariantsForms und Inputs · ElementsDie Kit-Liste mit Icons, Beschreibungen, Gruppen und voller Tastatur, dazu das gestylte native Select.
- Autohaus5 VariantsAutohaus · IndustriesFür Autohäuser, Werkstätten und Vermietungen. Bestand mit Filtern, die Fahrzeugseite, Probefahrt mit Route, Finanzierung und Ankauf.
- Automationsregeln5 VariantsAutomation und Builder · AppAutomations-Screens. Wenn-dann-Regeln mit Schaltern, ein Editor, der die Regel als Satz vorliest, Vorlagen, ein Laufprotokoll mit Wiederholen und ein Zeitplan mit den nächsten Läufen.
- Autorenseite5 VariantsAutoren und Interviews · ContentDie Menschen, die schreiben. Ein Autorenprofil mit Artikeln, das Verzeichnis aller Autorinnen, das Impressum einer Redaktion, eine Box mit Autor, Prüferin und Prüfungen und eine Zeile für mehrere Autoren.
- Avatar4 VariantsData Display · ElementsMenschen als Bild oder Initialen, mit Status, im Stapel und mit Namen.
- Avatar-Generator5 VariantsPlatzhalter und Generatoren · VisualsAvatare aus einem Seed gezeichnet, für Platzhalter, neue Konten, Demodaten und Kommentare. Gezeichnete Gesichter, geometrische Zeichen, Verlaufskugeln mit Initialen und Pixel-Stempel. Derselbe Name gibt immer dasselbe Bild.
B
- Balkendiagramm4 VariantsCharts · ElementsSäulen und Balken mit gerundetem Datenende, 2 px Abstand in Flächenfarbe, Werten wo sie passen, Tooltips und Pfeiltasten.
- Bank5 VariantsBank · IndustriesFür Banken, Genossenschaftsbanken und Fintechs. Konten mit Konditionen, Karten zum Umdrehen, Festgeldzinsen, ein Sparziel und der Kontowechsel.
- Banner6 VariantsBanners · MarketingAnkündigungsleisten, Hinweise, Countdowns und Aktionen, die sich schließen lassen.
- Baumansicht4 VariantsListen, Bäume und Timelines · ElementsVerschachtelte Listen, die auf- und zugehen, als Dateien mit Änderungsmarken, Doku-Navigation, Rechte mit gemischten Häkchen oder Gliederung mit Leitlinien. Volle Tastatur nach dem Baum-Muster.
- Befehlspalette2 VariantsOverlays · ElementsAlles suchen und ausführen. Strg K oder ⌘K öffnet, Pfeile bewegen, Enter führt aus, und Gruppen halten Ordnung.
- Belege und Quellen5 VariantsKI-Antworten · AppBelege für KI-Antworten in fünf Formen. Quellenkarten mit Anzahl der Zitate, Fußnoten mit Sprung und Rückweg, Marken mit Vorschau der zitierten Stelle, eine Quellenleiste, die dem gewählten Satz folgt, und eine Prüfung, welche Aussagen eine Quelle wirklich deckt.
- Benachrichtigungen6 VariantsNotifications · AppEingang, Protokoll, Glocken-Popover, Kanal-Einstellungen, Wochenbericht und Neuigkeiten. Vollständige Bildschirme im App-Rahmen, mit eigenem Telefon-Layout.
- Beratung5 VariantsCoaching und Beratung · IndustriesFür Beraterinnen und kleine Beratungen. Pakete, die sich mit Leistungen öffnen, die Methode als Kreis, ein Aufwandsrechner, Referenzen mit Zahlen und ein Briefing in drei Schritten.
- Beschreibungsliste5 VariantsListen, Bäume und Timelines · ElementsBegriffe und Werte als echte dl, in gestapelten Zeilen, zwei Spalten, einem Raster aus Haarlinien, einer Metazeile oder einem Datenblatt mit Gruppen. Werte lassen sich kopieren, verlinken und mit Status versehen.
- Bestätigungsseiten4 VariantsFormularzustände · ContentDie Seite nach einem Formular. Sie sagt, was passiert ist, was als Nächstes kommt, und bietet eine nützliche Handlung. Eine Vorgangsnummer mit nächsten Schritten, ein Beleg zum Drucken, das Geschickte mit Minuten zum Ändern und der aktuelle Stand einer Anfrage.
- Bestellungen5 VariantsBestellungen und Retouren · E-CommerceAlles nach dem Kauf, von Bestellübersicht und Sendungsverlauf bis zu Rechnung, Rücksendung und Abo.
- Bewerbungsformular4 VariantsBewerbungen und Anmeldungen · ContentBewerben auf eine Stelle, eine Schicht oder ein Programm. Der Lebenslauf wird beim Hochladen geprüft, das Anschreiben als Datei oder direkt geschrieben, der Datenschutzhinweis sagt, wie lange Daten bleiben, und jedes Senden nennt, was fehlt.
- Bewertung3 VariantsData Display · ElementsSterne, die eine Wertung zeigen oder abfragen, und eine Übersicht mit Balken pro Stern.
- Bildeffekte5 VariantsMuster und Formen · VisualsBehandlungen für jedes Bild. Ein Duoton im Akzent wird beim Hover farbig, Enthüllungen zeigen es beim Scrollen, eine flüssige Welle läuft darüber, ein Farbspot wandert über die graue Fassung, und Streifen kommen nacheinander an. Bewegt werden nur Filter, Clip-Path, Maske und Transform.
- Bildergalerie für KI4 VariantsKI-Schreiben und Erstellen · AppErzeugte Bilder in vier Ansichten. Vier Varianten zur Auswahl mit Variieren und Vergrößern, ein Bild Schritt für Schritt verfeinern mit Fassungen zum Vergleichen, der Verlauf früherer Bilder nach Format und eine Warteschlange mit Fortschritt und Wiederholen.
- Bildfolge4 VariantsScroll-Reisen · MarketingEin gezeichnetes Bild, das sich beim Scrollen Bild für Bild verändert, wie ein Daumenkino. Ein Becher dreht sich, eine Lampe setzt sich zusammen, ein Haus geht vom Morgen in die Nacht, eine Pflanze wächst. In SVG gezeichnet, ohne Bilddateien, daneben wechseln die Schritte.
- Bildvergleich3 VariantsMedia · ElementsVorher und nachher mit verschiebbarer Trennlinie. Funktioniert mit zwei beliebigen Elementen, seitlich oder von oben nach unten.
- Blog8 VariantsBlog · ContentBeitragslisten vom Raster bis zum Magazin, der Artikel selbst mit Inhaltsverzeichnis, verwandte Beiträge und die Autorin.
- Blumenladen5 VariantsBlumenladen · IndustriesFür Floristen und Blumenläden. Ein Strauß-Konfigurator mit gezeichnetem Strauß, Sträuße nach Anlass, Lieferung am selben Tag mit Postleitzahl-Prüfung, die Grußkarte und Workshops.
- Bottom Nav5 VariantsUnternavigation · LayoutDie Tab-Leiste unten am Telefon für Web-Apps und mobile Websites. Volle Breite auf dem Telefon, eine schwebende Leiste in der Mitte auf dem Tablet, auf dem Desktop aus dem Weg. Ein Licht gleitet zum aktiven Tab, Badges zählen, ein Hauptknopf öffnet Schnellaktionen und Mehr öffnet ein Sheet.
- Brotkrumen2 VariantsNavigation · ElementsWo eine Seite steht, als Pfad, gekürzter Pfad mit Menü oder als Leiste. Auf dem Telefon ein Zurück-Link.
- Buchlaunch5 VariantsCreator · IndustriesAlles, was eine Buchseite braucht. Ein Cover, das sich zum Zeiger neigt, eine Leseprobe mit Fortschritt, das Inhaltsverzeichnis, Vorbestellung mit Boni und signiertem Exemplar und Rezensionen.
- Buchstabe für Buchstabe3 VariantsText Effects · ElementsBuchstaben treten nacheinander auf, Wörter bleiben ganz und brechen nie um. Screenreader hören den Text einmal.
- Buchungsanfrage4 VariantsAnfrageformulare · ContentAnfragen für Buchungen, die ein Mensch bestätigt, anders als sofort gebuchte Termine. Ein Raum für eine Feier mit Kapazität live, ein Ferienhaus mit festen oder flexiblen Daten, ein Paket mit mitlaufender Summe, ein Workshop an einem von drei Terminen.
- Bullet-Diagramm4 VariantsVergleichs-Charts · ElementsEine Kennzahl gegen ihr Ziel, dahinter Bereiche für schwach, mittel und gut, als Zeilen, stehende Säulen, in einer Tabelle oder als Kennzahlkarten. Ein erreichtes Ziel zeigt Haken und Wort, nicht nur Farbe.
- Bundles und Sets4 VariantsBundles und Abos · E-CommerceMehrere Dinge zusammen verkaufen. Häufig zusammen gekauft mit einer Summe, ein Set zum Zusammenstellen mit Staffelrabatt, fertige Sets und Packungen mit Stückpreis.
C
- Chat-Szene3 VariantsAnimations · VisualsEin Gespräch, das sich selbst schreibt. Tipp-Punkte, ein Eingabefeld, das tippt und sendet, Karten in Nachrichten. Darunter springt nie etwas.
- Chat-Widget5 VariantsKI-Assistenten · AppEin Support-Chat für Websites mit einem Starter samt Hilfe-Start, einem Gespräch mit KI-Hinweis und Schnellantworten, der Übergabe an einen Menschen mit Warteschlange, einem Kontaktformular im Chat und einer KI-Antwort direkt auf der Hilfeseite.
- Coaching5 VariantsCoaching und Beratung · IndustriesFür Coaches und Mentorinnen. Programme mit Ratenzahlung, der Weg durch die Wochen, ein kostenloses Erstgespräch, Ergebnisse von Kunden mit Zahlen vorher und nachher und ein ehrlicher Passt-das-Check.
- Codeblock4 VariantsCode und JSON · ElementsCode mit Dateikopf, Reitern, Kopierknopf, Zeilennummern, Hervorhebungen und Diffs. Die Syntaxfarben kommen aus dem Theme und dem Akzent.
- Combobox1 VariantPicker und Auswahlfelder · ElementsEin Textfeld, das beim Tippen filtert, Akzente ignoriert, den Treffer markiert und neue Einträge anlegen kann.
- Community5 VariantsCommunity · MarketingDie Menschen rund um ein Produkt. Wo sie sich treffen, mit Live-Aktivität, lokale Gruppen auf einer Karte, aktuelle Beiträge nach Thema, eine Wand der Mitglieder und ein Band zum Beitreten.
- Coworking5 VariantsCoworking · IndustriesFür Coworking Spaces und Bürogemeinschaften. Tarife nach Teamgröße, Raumbuchung auf der Zeitachse, Ausstattung auf dem Grundriss, Tagespass und Standorte mit Live-Auslastung.
- Creator-Shop5 VariantsCreator · IndustriesEin Shop für digitale Produkte. Schaufenster nach Art, Presets mit Live-Vorher-Nachher-Regler, Produktseite mit Dateien und Lizenzen, Paket-Baukasten und Zahl, was du willst.
- Cursor-Szene3 VariantsAnimations · VisualsEin Zeiger arbeitet sich durch eine Oberfläche, und die Oberfläche antwortet im selben Takt. Zeigt einen Ablauf ohne Video.
D
- Dashboard6 VariantsDashboards · AppVollständige Anwendungsbildschirme im Seitenleisten-Rahmen, auf dem Telefon mit eigener Tab-Leiste.
- Dashboard-Aufbau3 VariantsAnimations · VisualsEin Dashboard, das sich im Blickfeld zusammensetzt: Karten steigen auf, Zahlen zählen, die Linie zeichnet sich, Balken wachsen, der Ring füllt sich. "live" hält es im Fluss.
- Datei-Upload2 VariantsSpezielle Eingabefelder · ElementsEine Ablagefläche mit Dateiliste: Fortschritt, fertig und fehlgeschlagen, mit Prüfung von Typ, Größe und Anzahl.
- Dateien6 VariantsFiles · AppDateiverwaltung mit Liste und Raster, Uploads mit Warteschlange, Vorschau mit Versionen, Freigabe und Speicher.
- Datenexport5 VariantsImport, Export und Verlauf · AppExport-Screens. Schneller Export mit Format und Zeilen, Spalten wählen und ordnen mit Vorschau, geplante Exporte, Exportverlauf und ein vollständiges Kontoarchiv.
- Datenfluss3 VariantsDaten-Animationen · VisualsKnoten, verbunden durch Haarlinien, auf denen Lichtpakete laufen, mit einem Ring, wo sie ankommen. Hält außerhalb des Blickfelds an.
- Datengeschichte5 VariantsDatengeschichten · ContentGeschichten, erzählt mit einem Diagramm. Ein Diagramm, das stehen bleibt, während der Text vorbeizieht, eine Linie mit nummerierten Anmerkungen, eine Linie, die sich beim Scrollen zeichnet, kleine Vielfache auf einer Skala und eine Hochrechnung mit Regler.
- Datentabelle6 VariantsTables · AppTabellen, die lesbar bleiben: Suche, Filter, Auswahl, Sortierung, Seiten und Details. Telefone bekommen eine kompakte Liste.
- Datumsfeld2 VariantsPicker und Auswahlfelder · ElementsDatum im Format der Sprache tippen oder im Kalender mit voller Tastatur wählen. Auch als Zeitraum.
- Dialog2 VariantsOverlays · ElementsEin Modal auf dem nativen Dialog-Element. Der Fokus bleibt drin, Escape und der Hintergrund schließen, und der Fokus kehrt zum Auslöser zurück.
- Dokumentation4 VariantsDokumentation · ContentDoku-Seiten mit Kapiteln, der Seite und ihrem Inhalt, ein Quickstart mit Fortschritt, eine API-Referenz und der Fuß jeder Seite.
E
- E-Mail-Mockup5 VariantsKampagnen-Mockups · VisualsE-Mails als Bilder für deine Seite. Ein Newsletter im Mailfenster, der Posteingang, in dem er ankommt, eine Bestellbestätigung, die Mail auf dem Telefon und eine Willkommensreihe. Aus JSON-Blöcken gebaut, so zeigt das Mockup deine echte Mail.
- Eingabefeld4 VariantsForms und Inputs · ElementsTextfeld mit Label, Hinweis, Fehler als Text, Icons, Präfix, Suffix und Anhängseln.
- Einmalcode2 VariantsSpezielle Eingabefelder · ElementsGetrennte Felder auf einem echten Eingabefeld: Einfügen, SMS-Autofill und Rücktaste arbeiten wie erwartet.
- Einstellungen5 VariantsSettings · AppEinstellungsseiten mit Bereichsspalte, Karten je Thema und einer Speicherleiste, die bei Änderungen erscheint.
- Einstellungen und Einwilligungen4 VariantsAdresse, Zahlung und Einwilligung · ContentDie Seite, auf die Menschen aus jeder E-Mail oder ihrem Konto zurückkommen. Themen und Häufigkeit mit Speicherleiste, die bei Änderungen erscheint, Abmelden mit sanfterer Option zuerst, Themen gegen Kanäle und Anfragen zu den eigenen Daten.
- Einwände5 VariantsEinwände · MarketingDie Bedenken, die Menschen vor dem Kauf bremsen, beantwortet mit Belegen. Karten mit zählenden Zahlen, eine Auswahl für das eine Bedenken, eine Liste, die sich abhakt, vorher und nachher derselben Person und ruhige Zeilen.
- Entschlüsseln3 VariantsText Effects · ElementsBuchstaben wirbeln und lösen sich in den Text auf, wenn er ins Bild kommt und erneut bei Hover. Mit festem Startwert, jeder Besuch sieht gleich aus, nichts verschiebt sich.
- Events und Webinare6 VariantsEvents und Webinars · ContentProgramm nach Tagen, Sprecher, Tickets, der Ort auf der Karte, die Webinar-Anmeldung und das Archiv der Aufzeichnungen.
F
- Fahrschule5 VariantsFahrschule · IndustriesFür Fahrschulen. Führerscheinklassen, ein Kostenrechner, Intensivkurse, der Lernweg eines Fahrschülers und ein Theorie-Quiz mit gezeichneten Verkehrssituationen.
- Fallstudien6 VariantsCase Studies · ContentKundengeschichten mit Ergebnissen, vom Kartenraster bis zum Kopf einer Fallstudie und gemessenem Vorher und Nachher.
- Farbverlauf3 VariantsTextakzente · ElementsEin Verlauf aus der Akzentfarbe fließt durch den Text. Reines CSS, außerhalb des Bildes pausiert, bei reduzierter Bewegung still.
- Farbverlauf4 VariantsBackgrounds · ElementsGeschichtete Radialverläufe in Akzenttönen, ruhend oder langsam ziehend.
- Farbwähler4 VariantsPicker und Auswahlfelder · ElementsEine Farbe aus benannten Feldern wählen, in einem Editor mit Fläche, Farbton, Pipette und HEX, RGB oder HSL, oder aus einer Farbe eine Skala mit Kontrastwerten machen.
- Feature Flags5 VariantsDeveloper Settings · AppFeature-Flag-Screens. Schalter je Umgebung, stufenweises Ausrollen mit Notaus, Zielregeln mit Testperson, A/B-Aufteilung mit Ergebnissen und ein Vergleich der Umgebungen.
- Feedback zu Antworten5 VariantsKI-Antworten · AppFeedback zu KI-Antworten in fünf Formen. Daumen mit Gründen und Kommentar, eine Korrektur mit Vorschau und Quelle, Bewertungen auf mehreren Skalen, ein Meldedialog mit Wahl zum Datenschutz und eine Auswertung für das Team.
- Feedback-Widget4 VariantsUmfragen und Feedback · ContentFeedback von jeder Seite. Ein Reiter am Rand, ein runder Knopf mit schnellen Reaktionen, die genaue Stelle auf der Seite markieren und ein vollständiger Fehlerbericht mit ausgefülltem Gerät. Schwebende sitzen über dem Fenster oder mit contained in einem Rahmen.
- Fehler und Wiederaufnahme4 VariantsFormularzustände · ContentWenn etwas schiefgeht, übernimmt das Formular die Verantwortung, behält jede Eingabe und zeigt den Ausweg. Probleme über dem Formular, Prüfungen beim Tippen mit Vorschlag für Tippfehler, ein fehlgeschlagenes Senden, das sich selbst wiederholt, und eine abgelaufene Sitzung, die kein Wort verliert.
- Fehlerseiten5 VariantsError Pages · ContentNicht gefunden, Serverfehler, Wartung, bald verfügbar und offline. Jede Seite hilft weiter, statt Menschen stehen zu lassen.
- Feiern5 VariantsMikroanimationen · VisualsMomente der Freude für deine Seite, von Konfetti und Regen über einer Karte bis zu Feuerwerk, Kanonen von der Seite und funkelnden Sternen. Eine feste Ebene, die die Seite nie verbreitert, Farben aus dem Theme, ruhig bei reduzierter Bewegung. Aus dem Code, per Klick oder beim Hereinscrollen.
- Festival5 VariantsFestival · IndustriesFür Festivals und Open Airs. Das Line-up als Plakat, der Timetable nach Bühne, Tickets mit Preisphasen, der Geländeplan und die Anreise.
- Filialfinder4 VariantsVersand und Filialen · E-CommerceDen Laden finden. Eine gezeichnete Karte mit Liste, die gemeinsam aufleuchten, die Seite eines Ladens mit Woche und Angebot, Ladenkarten mit Viertel-Chips und ein Finder für den nächsten Laden.
- Firmengeschichte5 VariantsAbout · ContentDie Geschichte eines Unternehmens, groß erzählt. Epochen mit einer Linie, die sich füllt, eine Jahreszahl, die mitzählt, ein Jahreslineal zum Ziehen, Jahrzehnt-Kacheln und das Jubiläum mit riesiger Zahl. Alte Bilder erscheinen auf Wunsch als Archivabzug.
- Flächendiagramm3 VariantsCharts · ElementsEine Linie mit ruhiger Fläche darunter, als Tönung, Verlauf oder gestapelte Bänder mit Lücke in Flächenfarbe.
- Folgendes Licht3 VariantsBackgrounds · ElementsEine Bühne, deren Licht dem Zeiger folgt und auf Touch-Geräten in der Mitte ruht.
- Form Builder5 VariantsAutomation und Builder · AppForm-Builder-Screens. Felder hinzufügen, ordnen und einstellen, Logik für Folgefragen, Live-Vorschau auf Desktop und Telefon, Antworten mit Übersicht und Tabelle und Veröffentlichen mit Link, Einbettung und QR-Code.
- Formen4 VariantsMuster und Formen · VisualsAbstrakte Formen zur Dekoration, gezeichnet in SVG mit den Farben des Themes. Blobs, Ringe, Bögen, Stapel, ein Umlauf, ein Wellenband, eine Blüte, eine Punktkugel, ein Schnörkel und ein Stern, mit ruhigem Schweben, Drehen und Atmen.
- Formular-Layouts3 VariantsForms und Inputs · ElementsKomplette Formulare aus den Kit-Feldern: Kontakt, Bewerbung und Einstellungen, mit Abschnitten, Raster und Aktionen.
- Fortschritt4 VariantsFortschritt und Zustände · ElementsBalken, Ringe und Schritte, die zeigen, wie weit etwas ist.
- Fortschritt speichern4 VariantsFormularzustände · ContentLange Formulare, die nicht in einem Zug fertig werden müssen. Automatisch im Browser gespeichert mit ruhigem Hinweis, ein Link per E-Mail zum Weitermachen überall, begonnene Formulare als Entwürfe und ein Willkommen zurück dort, wo man aufgehört hat.
- Fotografen-Buchung5 VariantsKunst und Musik · IndustriesFür Fotografinnen und Fotografen mit Buchungen. Pakete nach Art des Shootings, ein Kalender zum Prüfen und Reservieren, Galerien nach Thema, ein Preisrechner und eine Auswahlseite, auf der Kunden ihre Favoriten wählen.
- Fragen7 VariantsFAQ · MarketingHäufige Fragen als natives Akkordeon, Raster, Reiter und Suche, auf Wunsch mit FAQPage-Daten.
- Fragen zum Produkt4 VariantsBewertungen und Fragen · E-CommerceFragen und Antworten auf einer Produktseite. Eine durchsuchbare Liste mit Antworten vom Shop und von Käuferinnen und Käufern, die häufigsten als Akkordeon, das Frageformular mit ähnlichen Fragen und Fragen nach Themen.
- Freelancer5 VariantsPersonal Brand · IndustriesFür Freelancer und Ein-Personen-Studios. Ein Auftakt mit Live-Verfügbarkeit, die nächsten Monate Woche für Woche, Sätze mit Tagesrechner, eine Projektanfrage mit Budgetspanne und eine typische Woche als Stundenplan.
- Freunde werben5 VariantsEmpfehlung und Partner · MarketingKunden bringen Kunden. Geben und bekommen mit persönlichem Link, Prämien auf einer Spur, drei Schritte mit einer reisenden Einladung, ein Einladeformular mit Nachrichtenvorschau und ein Überblick mit Freunden und ihrem Stand.
- Fußzeile9 VariantsFooter · LayoutDer Abschluss jeder Seite, von der schlanken App-Fußzeile bis zum großen Schlusswort.
G
- Galerie7 VariantsGallery · ContentBilder als Mauerwerk, mit Filter, im Karussell und in der Lightbox, dazu ein Vorher-nachher-Regler.
- Geräterahmen4 VariantsMedia · ElementsTelefon, Tablet, Laptop und Uhr, gezeichnet in CSS. Eine Breite skaliert das ganze Gerät, der Inhalt kann in echter Bildschirmgröße rendern.
- Geteilte Enthüllung5 VariantsScroll-Reveals und Übergänge · MarketingZwei oder mehr Teile, die sich beim Scrollen öffnen und freigeben, was dahinter liegt. Die Teile tragen die Botschaft, je eine halbe Überschrift oder ein Wort. Ohne JavaScript steht die Botschaft als Überschrift über dem, was sie zeigt.
- Gezeichnete Fotos4 VariantsGraphics · VisualsFotos, gezeichnet in SVG, für Bildplätze. Gerichte, Getränke, Orte, Häuser, Räume, Porträts, Cover und Markenboards in natürlichen Farben, dazu tonale Szenen, die dem Theme folgen.
- Globus3 VariantsDaten-Animationen · VisualsEin Punkte-Globus in echtem CSS-3D mit erfundenem Land, Bögen, die sich zwischen Orten zeichnen, und pulsierenden Pins.
- Glossar5 VariantsGlossar · ContentDie Wörter eines Fachs, einmal erklärt und schnell wiedergefunden. A bis Z mit mitlaufender Buchstabenleiste, eine Seite je Begriff, Begriffe nach Thema, markierte Begriffe in einem Text und eine Suchseite mit dem Begriff des Tages.
- Größenberatung5 VariantsProduct Pages · E-CommerceGrößentabellen in cm oder Zoll, ein Größenfinder aus Körpergröße und Gewicht, eine gezeichnete Figur, die zeigt, wie man misst, ein Schuhgrößen-Umrechner und die Beratung im Dialog direkt an der Größenwahl.
- Gutscheine4 VariantsKonto und Treue · E-CommerceGutscheine zum Gestalten und Verschicken, fertige Karten nach Anlass, eine Guthabenabfrage und das Codefeld im Warenkorb. Die Kartenmotive sind gezeichnet, eigene Motive lassen sich einsetzen.
H
- Handwerk5 VariantsHandwerk · IndustriesFür Installateure, Elektriker, Dachdecker, Fliesenleger und Maler. Leistungen nach Bereich im Haus, vorher und nachher, Angebotsanfrage mit Schätzung, Notdienst und Materialien.
- Heatmap2 VariantsCharts · ElementsWerte als getönte Zellen in fünf Akzentstufen, als Kalender aus Wochen oder beschriftete Matrix. Pfeiltasten wandern durch die Zellen.
- Hilfecenter6 VariantsHelp Center · ContentSuche mit Kategorien, Artikellisten, ein Artikel mit Rückmeldung, Support nach Dringlichkeit, Dienststatus und Videoanleitungen.
- Hinweis2 VariantsOverlays · ElementsKurze Meldungen nach einer Aktion, gestapelt und beim Hovern aufgefächert. Zeiten pausieren beim Lesen, Fehler bleiben länger.
- Hochzeiten und Events5 VariantsHochzeiten und Events · IndustriesFür Hochzeitslocations, Planer und Eventräume. Pakete nach Gästezahl, der Tag von der Trauung bis zum letzten Tanz, ein Kalender mit freien Terminen, Räume nach Bestuhlung und eine Budgetaufteilung.
- Hover-Karte4 VariantsOverlays · ElementsMehr über eine Person, einen Link, ein Produkt oder einen Begriff, während man darauf verweilt. Öffnet bei Hover und Fokus, Tab erreicht ihre Knöpfe, auf Touch öffnet der erste Tipp.
I
- Icon-Knopf3 VariantsButtons · ElementsKnöpfe, die nur ein Icon sind, mit Pflicht-Label, vier Größen, fünf Stilen und Zähler.
- Icons3 VariantsData Display · ElementsDie eigenen Linien-Icons des Kits in 18 Gruppen, gezeichnet auf einem 24er Raster.
- Immobilienmakler5 VariantsImmobilienmakler · IndustriesFür Makler, die Immobilien für Eigentümer verkaufen. Eine Online-Bewertung, der Verkauf im Wochenraster, der Wochenbericht für Verkäufer, verkaufte Referenzen und ein Marktbericht nach Stadtteil.
- Import-Assistent5 VariantsImport, Export und Verlauf · AppImport-Screens. Hochladen mit Ablagefläche, Spalten den Feldern zuordnen, jede Zeile prüfen und direkt korrigieren, Import mit Live-Fortschritt und Einfügen aus einer Tabelle.
- Infografik5 VariantsDatengeschichten · ContentZahlen als Bilder erzählt. Von 100 in einem Feld aus Marken, Größen als echte Kreise, wohin ein Ganzes geht, vorher und nachher je Kategorie und Ströme von Quellen zu Verwendungen. Alles in Akzent und Textfarben.
- Inhalt8 VariantsContent · ContentText und Bilder für die Mitte einer Seite, vom einfachen Nebeneinander bis zum Langtext.
- Inserate6 VariantsListings · IndustriesImmobilien mit Filtern, Detailseite, Karte mit Liste, Vergleich, Finanzierungsrechner und Besichtigungsanfrage.
- Integrationen5 VariantsIntegrations · ContentAnbindungen als Raster, Umlaufbahn, durchsuchbare Liste, Flussbild und Laufband. Dienste ohne Logo bekommen ein neutrales, gezeichnetes Zeichen.
- Interview5 VariantsAutoren und Interviews · ContentInterviews, gesetzt, damit man hört, wer spricht. Frage und Antwort mit Initialen am Rand, ein Porträt neben dem Gespräch, eine Runde, in der eine Stimme allein stehen kann, schnelle Fragen als Karten und die stärksten Zitate nacheinander.
K
- Kalender5 VariantsCalendar · AppMonat, Woche und Tag, Buchung mit Zeitfenstern und eine Datumsauswahl. Wochen beginnen auf Deutsch am Montag.
- Kanzlei5 VariantsKanzlei · IndustriesFür Kanzleien, Notariate und Steuerberatung. Rechtsgebiete mit Mandaten und Ansprechpartnern, die Anwälte, Erstberatung mit Fristabfrage, Ergebnisse und Honorar.
- Karriere7 VariantsCareers · ContentOffene Stellen mit Filtern, Kultur, Leistungen, eine ganze Stellenseite, der Bewerbungsablauf und die Initiativbewerbung.
- Karte10 VariantsCards · ElementsEine Fläche für zehn Aufgaben, von der schlichten Karte über Profil, Paket, Zahl, Bild und Link bis zu Glas und Lichtkante.
- Karten und Pläne2 VariantsGraphics · VisualsEine Stadtteilkarte für eigene Pins, ein Stadtplan mit Beschriftung, eine kleine Karte für Kontaktbereiche und ein Grundriss mit Raumnamen. In den Farben des Themes.
- Kartenfächer5 VariantsScroll-Reveals und Übergänge · MarketingKarten, die sich auffächern, verteilen und stapeln. Drei öffnen sich beim Hereinscrollen aus einem Stapel, zwei spielt man von Hand, einen Bogen zum Drehen und ein Deck zum Austeilen. Ohne JavaScript liegt jede Karte an ihrem Platz.
- Kartenfeld4 VariantsSpezielle Eingabefelder · ElementsKartennummer, Ablaufdatum und Prüfnummer mit Gruppierung, Luhn-Prüfung, automatischem Weiterspringen und klaren Meldungen, ohne Netzwerknamen oder Logos.
- Kasse5 VariantsCart und Checkout · E-CommerceVon einer Seite bis Schritt für Schritt, Express-Kasse und die Bestätigung danach.
- Kategorien5 VariantsKategorien und Kollektionen · E-CommerceDer Weg in einen Katalog. Shop-Abteilungen, Blog-Themen, Leistungsbereiche oder ein Verzeichnis, als Icon-Kacheln, Bildkarten, runde Vorschaubilder, Linkspalten oder große Namen auf einem Foto.
- Kennzahl3 VariantsFortschritt und Zustände · ElementsEine Zahl, die zählt, mit Veränderung, Sparkline oder Ziel.
- Kerzendiagramm4 VariantsKPI-, Live- und Karten-Charts · ElementsKurse als Eröffnung, Hoch, Tief und Schluss. Als Kerzen, Kerzen mit Umsatz darunter, mit Zeitraumschalter von einem Monat bis zu einem Jahr oder als OHLC-Balken mit gleitendem Schnitt. Steigende Tage hohl, fallende gefüllt.
- KI-Chat6 VariantsAI und Chat · AppChats, Eingaben, Agenten und Antworten mit Quellen. Antworten laufen ein, alles geht mit der Tastatur.
- KI-Einstellungen5 VariantsKI-Einrichtung · AppEinstellungen eines KI-Assistenten. Ein Gedächtnis zum Ansehen und Bearbeiten, eigene Anweisungen mit Live-Vorschau, Datenkontrolle mit Export und Löschen, verbundene Apps mit Zugriff je Bereich und Regeln für einen ganzen Arbeitsbereich.
- KI-Einstieg4 VariantsKI-Einrichtung · AppDie ersten Minuten mit einem KI-Assistenten. Was er kann, mit einem Beispiel, das sich selbst tippt, eine erste Aufgabe zum Starten, die Datenquellen zum Verbinden mit dem, was jede liest, und eine ehrliche Seite zu Grenzen und Versprechen.
- KI-Funktionen6 VariantsAI Features · MarketingSektionen, die zeigen, was KI in einem Produkt leistet, in sechs Aufbauten: Assistent im Produkt, vom Auftrag zum Ergebnis, ein Agent bei der Arbeit, mit und ohne KI, Modellwahl mit Datenschutz und eine Live-Fläche.
- KI-Suche4 VariantsKI-Antworten · AppKI-Suche in vier Formen. Ergebnisse mit KI-Übersicht oben, deren Belege zu ihrem Ergebnis springen, eine Recherche, die zum Bericht wird, eine Antwort als Vergleichstabelle mit Empfehlung und Hinweisen und ein Verlauf mit Nachfragen.
- Kino5 VariantsKino · IndustriesFür Kinos, Open-Air-Leinwände und Filmclubs. Spielplan nach Tagen, Sitzplatzwahl im Saal, Filmseite, Vorschau mit Erinnerung und Preise.
- Kita5 VariantsKita · IndustriesFür Kitas, Krippen und Kindergärten. Das Konzept im gezeichneten Gruppenraum, der Tagesablauf mit Jetzt-Markierung, die Anmeldung mit voraussichtlichem Beginn, die Gruppen und die Eingewöhnung.
- Knopf7 VariantsButtons · ElementsFünf Stile, drei Größen, Icons, Laden, Gruppen, Icon-Knöpfe und neutrale Anmeldeknöpfe.
- Knopfgruppe3 VariantsButtons · ElementsKnöpfe zu einem Bedienelement verbunden, als Reihe, Stapel oder geteilter Knopf mit Menü.
- Kollektionskopf5 VariantsKategorien und Kollektionen · E-CommerceDer Kopf einer Kollektions- oder Kategorieseite. Ein Titel auf einem Foto, Text mit Weiterlesen und Unterkategorien, Tabs mit klebender Leiste für Sortierung und Ansicht, eine Kollektion als Magazingeschichte und die Seite einer Manufaktur.
- Kommentare4 VariantsBlog · ContentThreads mit Antworten, ein Layout mit dem Formular zuerst, Fragen mit Antworten und eine kompakte Übersicht. Neue Kommentare erscheinen an Ort und Stelle.
- Kontakt8 VariantsContact · ContentFormulare mit Prüfung, Kanäle, Karte, Terminbuchung, Öffnungszeiten, Hilfecenter und Vertriebsformular.
- Kontrollkästchen2 VariantsForms und Inputs · ElementsEchte Checkboxen im Kit-Look: Label, Beschreibung, gemischter Zustand, Gruppen, Karten und Fehler als Text.
- Kopierknopf2 VariantsButtons · ElementsKopiert einen Wert mit einem Klick, das Icon wird zum Haken und eine Live-Region sagt es an.
- Körnung3 VariantsBackgrounds · ElementsEine Körnung aus einer SVG-Turbulenz, die Verläufen und Akzentflächen das Glatte nimmt.
- Kostenlos testen5 VariantsKostenlos testen · MarketingEinen Test starten, ohne offene Fragen. Das Formular mit den folgenden Schritten, die Testtage auf einer Spur, ein Plan mit dem Datum der ersten Abbuchung, drei Wege zum Start und ein Fenster, das den Teamnamen beim Tippen übernimmt.
- Kreisdiagramm für Zyklen4 VariantsCharts · ElementsDaten, die sich im Kreis drehen: 24 Stunden als Uhr, zwölf Monate als Rose mit ehrlichen Flächen, Wochentage nach Stunde als Ring-Heatmap und Gruppen mit ihren Teilen als Sunburst.
- Kundenkonto5 VariantsKonto und Treue · E-CommerceDas Kundenkonto eines Shops. Eine Startseite mit der letzten Bestellung unterwegs, das Adressbuch, gespeicherte Zahlungsarten mit Live-Kartenvorschau, der Kontorahmen mit Menü und Sendungsverfolgung ohne Konto.
- Künstler5 VariantsKunst und Musik · IndustriesFür Malerinnen, Bildhauer und Ateliers. Werke nach Serien mit rotem Punkt, ein Werk im Raum für den Maßstab, Ausstellungen mit dem, was gerade läuft, ein Statement, das beim Lesen aufleuchtet, und Auftragsarbeiten.
- Kurse6 VariantsCourses · IndustriesKursübersicht, Lehrplan, Lektion mit Fortschritt, Dozierende, Zertifikat und Zugangspakete.
- Kurse und Pläne6 VariantsClasses und Schedules · IndustriesWochenplan mit Filtern, Kurskarten mit freien Plätzen, Trainer, Mitgliedschaften, Probetraining und der Tag als Zeitleiste.
L
- Ladeknopf2 VariantsButtons · ElementsEin Knopf, der zeigt, dass er arbeitet, seine Breite hält, Doppelklicks blockt und Erfolg oder Fehler meldet.
- Lagerbestand5 VariantsVersand und Filialen · E-CommerceWas da ist, was fast weg ist, was wiederkommt, was sich vorbestellen lässt und wo es heute abholbereit liegt. Jeder Zustand steht in Worten da, die Farbe hilft nur.
- Laufband3 VariantsBeams, Partikel und Bewegung · ElementsEine endlose Reihe oder Spalte aus Karten, Logos oder Vorschauen, nie aus bloßen Wörtern. Hält bei Zeiger und Fokus, gleitet auf Wunsch mit dem Scrollen, bei reduzierter Bewegung ruhig und scrollbar.
- Lead-Magnet4 VariantsLead-Magnet · MarketingEtwas Nützliches im Tausch gegen eine E-Mail-Adresse, mit einem echten Stück vorab. Eine Checkliste mit dem Rest hinter Unschärfe, ein Kurs per Mail, ein schneller Check der eigenen Website und Vorlagenseiten, die sich auffächern.
- Lebenslauf5 VariantsPersonal Brand · IndustriesEin Lebenslauf als Webseite. Erfahrung auf einer Linie, die sich füllt, Stationen als Balken über die Jahre, Fähigkeiten, die zeigen, wo sie eingesetzt wurden, die Papierversion auf einer Seite und eine Kurzfassung mit zählenden Zahlen.
- Leerer Zustand3 VariantsFortschritt und Zustände · ElementsErster Start, leere Suche, Fehler und erledigter Posteingang, mit nächstem Schritt.
- Leistungen7 VariantsServices · MarketingWas ein Betrieb anbietet, in sieben Aufbauten: Karten mit Preisen, Preisliste, Akkordeon, Detailzeilen mit Bild, Bento, Schritte zum Ergebnis und Anfrage mit Richtwert.
- Leuchtende Punkte3 VariantsBackgrounds · ElementsEin Punktfeld, dessen Punkte in der Akzentfarbe aufleuchten, am Zeiger oder in einer wandernden Welle.
- Lichtstrahlen3 VariantsBeams, Partikel und Bewegung · ElementsLicht, das über Rasterlinien wandert, als Strahl fällt oder Kurven entlangläuft.
- Lieferzeit und Versand4 VariantsVersand und Filialen · E-CommerceWann es ankommt und was es kostet. Optionen für eine Postleitzahl, der Bestellschluss von heute mit dem Weg zur Tür, Preise je Region und ein Lieferfenster zum Buchen.
- Liniendiagramm4 VariantsCharts · ElementsEine oder mehrere Linien über die Zeit, mit runden Achsenwerten, Fadenkreuz, Pfeiltasten und Datentabelle für Screenreader.
- Link in Bio5 VariantsPersonal Brand · IndustriesEine Seite für alles, worauf eine Person verlinkt. Links, Produkte, Termine, Newsletter und Teilen, als Spalte, Bento, Tabs, Countdown oder geteilt mit Porträt.
- Linkliste3 VariantsNavigation · ElementsListen von Links: ein Seitenmenü mit aktivem Eintrag, gruppierte Einstellungszeilen und eine ruhige Ressourcenliste.
- Listenartikel5 VariantsRedaktion · ContentListen, die der Artikel sind. Große Ziffern mit wechselnden Bildern, eine Rangliste mit Wertung und Bewegung, eine dichte Liste mit Sprungleiste, ein Karussell zum Wischen und Orte auf einer gezeichneten Karte.
- Live-Diagramm5 VariantsKPI-, Live- und Karten-Charts · ElementsWerte, die laufend hereinkommen, als gleitende Linie, wachsende Balken, Ereignisspur mit Liste, Live-Kacheln oder Latenzband mit Grenze. Es hält still, solange du liest, und hat einen Pausenknopf.
- Logo-Generator5 VariantsPlatzhalter und Generatoren · VisualsPlatzhalter-Marken aus einem Seed für Logoreihen, Mockups und Fallstudien. Zwölf Familien von Zeichen, geseedete Wortmarken in der einen Schrift, Logos nebeneinander und gestapelt und App-Icons. Derselbe Name gibt immer dieselbe Marke, keine sieht aus wie eine echte Firma.
- Logo-Wolke8 VariantsLogo Clouds · MarketingKunden und Partner auf einen Blick, in acht Aufbauten von der ruhigen Reihe bis zum Laufband und dunklen Band.
- Long Read5 VariantsLong Reads · ContentDer Artikel selbst, gesetzt zum Lesen. Randnotizen neben dem Text, Fußnoten mit Vorschau, Bilder in vier Breiten, Kapitel mit einer Leiste, die sich füllt, und ein Essay mit Initial und Zitat.
M
- Manifest5 VariantsManifest · MarketingWofür ein Unternehmen steht, in eigener Stimme. Eine Aussage, die beim Lesen aufleuchtet, Überzeugungen, die scharf werden, ein Gründerbrief, der sich selbst unterschreibt, dies statt das, und ein Versprechen zum Unterschreiben.
- Markierung4 VariantsTextakzente · ElementsEine Unterstreichung, ein Textmarker oder ein Kreis zeichnet sich hinter eine Wendung, als SVG in der Akzentfarbe. Die Wörter bleiben reiner Text.
- Media Kit5 VariantsSpeaker und Media Kits · IndustriesFür Creator, die mit Marken arbeiten. Reichweite je Kanal mit Wachstumslinien, das Publikum in Diagrammen, Pakete mit einem Preis, der den Kanälen folgt, frühere Partner und eine Kampagne in Zahlen.
- Mehrfachauswahl4 VariantsPicker und Auswahlfelder · ElementsMehrere Werte wählen, mit Suche, Gruppen, Anzahlen und Grenze. Als Chips im Feld, als Filterknopf, als offene Facettenliste oder als Stapel von Personen.
- Mehrstufiges Formular5 VariantsBewerbungen und Anmeldungen · ContentLange Formulare in ruhigen Schritten, als Daten beschrieben. Jeder Schritt prüft seine Felder und setzt den Fokus auf das erste offene, Zurückgehen behält jede Antwort, und der letzte Schritt zeigt auf Wunsch alles noch einmal.
- Meldung2 VariantsOverlays · ElementsMeldungen in der Seite für Info, Erfolg, Warnung und Fehler, jeweils mit Icon und klaren Worten. Die Töne kommen aus den Kit-Tokens.
- Menüleiste4 VariantsMenüleisten und Umschalter · ElementsMenüs in einer Leiste wie in einer Desktop-App. Ein Tab-Stopp, Pfeile laufen durch die Menüs und wechseln zwischen ihnen, Häkchen und Auswahl merken sich ihren Zustand.
- Merkmale15 VariantsFeatures · MarketingWas ein Angebot kann, in fünfzehn Aufbauten: Raster, Karten, Zeilen, Reiter, vier Bento-Layouts, Schritte und ein Vorher und Nachher.
- Messanzeige5 VariantsKPI-, Live- und Karten-Charts · ElementsEin Wert gegen seine Skala, mit schwingender Nadel, benannten Bereichen, aufleuchtenden Stufen, beziffertem Zifferblatt oder als Reihe kleiner Anzeigen. Zeiger und Pfeiltasten lesen jeden Punkt der Skala ab.
- Mitgliedschaft5 VariantsCreator · IndustriesEine bezahlte Mitgliedschaft rund um die Arbeit einer Person. Stufen als Leiter mit Jahresabrechnung, eine Bibliothek, die zeigt, was jede Stufe öffnet, ein Blick in den Mitgliederbereich, monatliche Pakete übers Jahr und die Mitgliedschaft als Geschenk.
- Mockup-Szenen8 VariantsMockups · VisualsGeräte, die sich überlagern, Fenster in ruhiger Perspektive, Seiten, die im Gerät scrollen, und schwebende Kartencollagen.
- Mockups8 VariantsMockups · VisualsBrowserfenster und Geräte in eigener Form, gezeichnet in CSS. Eine Component oder ein Bild kommt hinein, eine Breite skaliert alles.
- Modellauswahl5 VariantsKI-Einrichtung · AppFünf Wege, das Modell hinter einer KI-Funktion zu wählen. Ein kompaktes Menü, Karten mit Tempo, Denktiefe, Kontext und Kosten, eine Vergleichstabelle, die automatische Wahl als Weg erklärt und Standards je Aufgabe mit Kostengrenze.
- Museum5 VariantsMuseum · IndustriesFür Museen, Galerien und Ausstellungshäuser. Ausstellungen mit Laufzeit, Tickets, Zeitfenster, ein Etagenplan und ein Werk mit Details zum Hineinzoomen.
- Musiker-Pressekit5 VariantsKunst und Musik · IndustriesEin elektronisches Pressekit für Bands und Musiker. Überblick mit Zahlen und Pressefotos, Veröffentlichungen mit abspielbaren Titeln, Tourdaten mit Ticketstand, Pressestimmen und Downloads und der Rider mit Bühnenplan.
- Muster8 VariantsMuster und Formen · VisualsHintergrundmuster in den Farben des Themes. Punkte, Raster, Linien, Höhenlinien, Korn, Lichtfelder, Wellen, Raster-Punkte und Ringe, jeweils mit Ton, Ausblendung, Seed und einer sehr langsamen Drift.
N
- Navigation9 VariantsNavbars · LayoutKopfzeilen für Websites und Anwendungen, jede mit eigenem Telefonmenü.
- Netzdiagramm5 VariantsStatistik-Charts · ElementsMehrere Messgrößen einer Sache auf Speichen um eine Mitte, als Profil, als Vergleich, mit verknüpfter Liste, als kleine Vielfache auf einer Skala oder gegen ein Ziel. Pfeiltasten gehen die Speichen entlang.
- Netzwerk-Graph3 VariantsDaten-Animationen · VisualsKnoten auf Ringen, verbunden durch Haarlinien. Ein Signal läuft von der Mitte nach außen und lässt jeden Knoten aufleuchten. Zeigen oder Tab zeigt Verbindungen.
- Neuigkeiten und Roadmap6 VariantsChangelog und Roadmap · MarketingWas neu ist und was kommt, in sechs Aufbauten: Zeitleiste der Versionen, Roadmap-Spalten, Versionskarte mit Bild, filterbare Liste, Abstimmung über Wünsche und Abo-Fläche.
- Newsletter7 VariantsNewsletter · MarketingAnmeldeformulare mit echtem Label, E-Mail-Typ, Autovervollständigung, Fehler- und Erfolgszustand.
- Newsletter-Archiv5 VariantsNewsletter · MarketingJede Ausgabe, die verschickt wurde, lesbar im Web. Die neueste Ausgabe neben der Anmeldung, eine durchsuchbare Liste, gezeichnete Mailvorschauen, eine Ausgabe als Webseite und ein Kalender des Jahres.
- NPS und Bewertungen5 VariantsUmfragen und Feedback · ContentEine schnelle Bewertung und eine Folgefrage, die zur Antwort passt. Ein niedriger Wert fragt, was gefehlt hat, ein hoher, was begeistert, beide mit Stichworten zum Antippen und Platz für einen Kommentar.
O
- Onboarding6 VariantsOnboarding · AppBildschirme für den ersten Start, die zum ersten Ergebnis führen: Checklisten, Begrüßung, Einrichtung, Einladungen, leere Zustände und Rundgänge.
- Open Source5 VariantsOpen Source · MarketingFür Open-Source-Projekte und Open-Core-Produkte. Die Installationszeile mit Kennzahlen, die Menschen, die es bauen, mit einem Jahr Aktivität, ein Einstieg in Reitern, Sponsoren mit Ziel und die freie Ausgabe neben der gehosteten.
- Optionsgruppe3 VariantsForms und Inputs · ElementsEine Wahl aus wenigen, auf nativen Radios: als Liste, als Karten mit Preisen oder als Kacheln mit Icons.
P
- Page Header6 VariantsPage Header · LayoutDer Kopf einer Unterseite. Wo du bist, was die Seite ist und was du hier tun kannst, für Listen, Datensätze, Profile und die Unterseiten einer Website. App-Köpfe übergeben an eine kompakte Leiste, sobald sie aus dem Bild scrollen.
- Parallax-Ebenen4 VariantsScroll-Effekte · MarketingEine Szene aus Ebenen, die sich beim Scrollen unterschiedlich schnell bewegen und so Tiefe zeigen. Kleine Wege, auf dem Telefon halb so groß, und ohne JavaScript ruht jede Ebene im fertigen Bild.
- Partikel3 VariantsBeams, Partikel und Bewegung · ElementsEine Fläche mit langsam treibenden Partikeln und Linien zwischen nahen Nachbarn. Fest gesät, scharf auf jedem Bildschirm und angehalten, wenn niemand hinsieht.
- Partnerprogramm5 VariantsEmpfehlung und Partner · MarketingFür Agenturen, Freelancer und Wiederverkäufer. Partnerstufen, wiederkehrende Provision über ein Jahr, die Bewerbung mit den nächsten Schritten, ein Verzeichnis zertifizierter Partner und was Partner bekommen.
- Pflege5 VariantsPflege · IndustriesFür ambulante Pflegedienste, Pflegeheime und betreutes Wohnen. Hilfe nach Bedarf, ein Pflegegrad-Check, der Eigenanteil im Heim, ein Tag mit Besuchen und eine kostenlose Beratung.
- Platzhalter3 VariantsFortschritt und Zustände · ElementsPlatzhalter in der Form des Inhalts, mit weichem Licht, das bei reduzierter Bewegung stillsteht.
- Platzhalterbilder5 VariantsPlatzhalter und Generatoren · VisualsPlatzhalterbilder, die wie das Foto aussehen, das später in den Platz kommt. Siebzehn Branchen mit je mehreren Motiven, einem Bildchip und einem Größenhinweis für Bauende. Keine Dateien, keine Anfragen.
- Podcast4 VariantsPodcast · ContentEin Podcast auf der eigenen Website. Episodenliste mit einem Player, der aufsteigt, die neueste Folge mit Kapiteln, die Show mit Wegen zum Folgen und die Episodenseite mit durchsuchbarem Transkript.
- Polarlicht3 VariantsBackgrounds · ElementsWeiche Lichtschleier in der Akzentfarbe, die langsam ziehen. Hell zurückhaltend, dunkel leuchtend.
- Popover2 VariantsOverlays · ElementsEin Panel neben dem Auslöser für kurze Formulare und Details. Klappt um, wenn kein Platz ist, Escape und ein Klick daneben schließen.
- Popups und Einwilligung7 VariantsPopups und Consent · MarketingNative Dialoge mit Fokusfalle und Escape, eine Einwilligungsleiste mit Einstellungen und ein Hinweis-Stapel.
- Portfolio6 VariantsPortfolio · ContentProjekte als gefiltertes Raster, große Zeilen, seitliche Galerie, Index mit Bild beim Überfahren, Projektkopf und ein Projekt in Zahlen.
- Posteingang5 VariantsInbox und Messages · AppMail, Chat, Support-Tickets und geteilte Teampostfächer als vollständige Bildschirme. Telefone zeigen jeweils einen Bereich mit Weg zurück.
- Preise11 VariantsPricing · MarketingPakete, Stufen, Rechner und Preislisten, formatiert in der Sprache des Besuchers.
- Presse und Auszeichnungen6 VariantsPress und Awards · MarketingBerichte, Auszeichnungen und Pressematerial, in sechs Aufbauten: Medienlogos, Zitate aus Artikeln, Lorbeeren, Pressekit mit Downloads, Pressekontakt und ein hervorgehobener Artikel.
- Pressemitteilung4 VariantsPress und Awards · MarketingPressemitteilungen in der Form, die Redaktionen erwarten. Die Mitteilung mit Ortsmarke, Zitat, Unternehmenstext und einer Seitenspalte für Kontakt und Downloads, der Newsroom mit Filtern, ein Band der neuesten Mitteilungen und eine Mitteilung unter Sperrfrist.
- Problem und Lösung5 VariantsProblem und Lösung · MarketingDer Schmerz, den Besucher kennen, dann der Ausweg. Nebeneinander, beim Scrollen durchgestrichen, als Schalter zwischen zwei Wochen, als monatliche Kosten und als Gespräch.
- Produktbewertungen5 VariantsBewertungen und Fragen · E-CommerceBewertungen als eigene Sections. Eine volle Übersicht mit Filtern, Suche und Antworten des Shops, eine Wand mit Kundenfotos, Schwerpunkte nach Thema, das Formular zum Schreiben und eine Reihe für Startseiten.
- Produktraster8 VariantsProducts · E-CommerceProdukte als Raster, Liste, Reihe und Lookbook, mit Filtern, Schnellansicht und Kategorien.
- Produktseite6 VariantsProduct Pages · E-CommerceGalerie, Auswahl, Bewertungen und Kaufen, vom klassischen Aufbau bis zum Konfigurator mit Live-Preis.
- Produkttour6 VariantsProduct Tour · MarketingEin geführter Gang durch ein Produkt, in sechs Aufbauten: Schritte mit wechselndem Bildschirm, Scroll-Erzählung, Hotspots auf einem Bildschirm, Karussell, Filmkapitel und eine Tour im Produkt mit Spotlicht.
- Profil6 VariantsProfiles · AppProfilseiten für Personen, Firmen und Teams, ein öffentliches Portfolio, ein Editor mit Live-Vorschau und ein Stapel Kontaktkarten.
- Profilbild-Auswahl4 VariantsSpezielle Eingabefelder · ElementsDas Bild für ein Profil. Ein Foto per Ziehen, Zoom und Tasten zuschneiden, ein Bild aus Initialen machen, aus einer Auswahl wählen oder es in einer kompakten Einstellungszeile ändern.
- Projekte6 VariantsProjects · AppProjekt-Bildschirme für Anwendungen: Liste mit Zustand, ein Projekt im Überblick, Gantt-Zeitplan, Meilensteine, Portfolio und Wochenbericht.
- Prompt-Bibliothek4 VariantsKI-Schreiben und Erstellen · AppEine Prompt-Bibliothek in vier Ansichten. Vorlagen nach Kategorie mit Suche und Favoriten, die Felder einer Vorlage ausfüllen mit Live-Vorschau, geteilte Prompts mit Besitzer, Fassung und Sichtbarkeit und ein Editor, der die Felder beim Tippen findet.
- Prompt-Eingabe5 VariantsAI und Chat · AppDie Eingabe eines KI-Produkts mit einer Fähigkeit je Variante. Dateien mit Upload-Stand und Grenzen, Befehle mit Schrägstrich, Kontext per @ mit Anzeige, Modi mit Dauer und Kosten und Diktat, das unsichere Wörter markiert.
Q
- QR-Code5 VariantsMedia · ElementsEchte, scanbare QR-Codes aus dem eigenen Encoder des Kits. Schlicht mit SVG- und PNG-Download, gestaltet mit Punkten und Logo, als Tischkarte, als WLAN-Karte oder als Generator zum Tippen.
- Quiz-Funnel5 VariantsQuiz und Produktberater · MarketingEin paar Fragen, die zu einer Empfehlung führen. Karten nacheinander, eine Rangliste, die sich live umsortiert, ein Chat mit Antwortknöpfen, alle Fragen auf einer Karte und dies oder das.
R
- Randlicht3 VariantsBeams, Partikel und Bewegung · ElementsEine Karte, über deren Rand ein Licht wandert, in drei Längen und drei Geschwindigkeiten.
- Ranglistendiagramm5 VariantsVergleichs-Charts · ElementsWer vorn liegt und wie sich die Reihenfolge ändert. Als Lollipops, Bump-Chart der Plätze über die Zeit, Balkenrennen mit Abspielen und Regler, Punktdiagramm über mehrere Quellen oder Bestenliste mit Bewegung und Verlauf.
- Raster mit Verlauf3 VariantsBackgrounds · ElementsEin Linien- oder Kachelraster, das ausblendet, mit Feldern, die in der Akzentfarbe aufleuchten.
- Rechtstexte5 VariantsRechtstexte · ContentImpressum, Datenschutz, AGB und Cookie-Hinweise als Seiten, die man lesen kann, mit Inhaltsverzeichnis, kopierbaren Angaben und Versionsverlauf.
- Regionenkarte4 VariantsKPI-, Live- und Karten-Charts · ElementsWerte je Region auf einer gezeichneten Karte der erfundenen Insel Fernland, als getönte Regionen mit Rangliste, Veränderung in zwei Tönen, gleich große Sechsecke oder Kreise nach Größe. Für eine echte Karte eigene SVG-Formen übergeben.
- Reisen5 VariantsReisen · IndustriesFür Reiseveranstalter, Reisebüros und Guides. Reiseziele mit Reisezeit, eine Reise auf einen Blick, der Verlauf Tag für Tag, Termine mit Preisen und die Leistungen.
- Reiter3 VariantsNavigation · ElementsUnterstrichen, Pillen, segmentiert und senkrecht, mit Icons und Zählern, Pfeiltasten und gleitender Markierung.
- Ressourcen und Downloads4 VariantsRessourcen und Downloads · ContentLeitfäden, Vorlagen, Berichte und Pressedateien. Echte Download-Links, Filter nach Typ, ein Formular, das Dateien freischaltet, und ein herausgestellter Leitfaden.
- Rezept5 VariantsRezepte · ContentRezepte mit Mengen, die mitrechnen. Die ganze Rezeptseite, eine Einkaufsliste zum Abhaken und Kopieren, ein Kochmodus mit Timer je Schritt, eine Sammlung mit Filtern und die kompakte Rezeptbox für einen Blogbeitrag.
- Ringdiagramm3 VariantsCharts · ElementsAnteile als Ring oder halber Tacho, die Summe in der Mitte, Legende mit Werten und Anteilen.
- Ringfortschritt2 VariantsKPI-, Live- und Karten-Charts · ElementsFortschritt zu einem Ziel als einzelner Ring mit dem Anteil in der Mitte, oder mehrere Ziele als Ringe ineinander.
- ROI-Rechner5 VariantsRechner · MarketingWas ein Produkt zurückbringt, ausgerechnet von den Besuchern selbst. Regler mit Live-Ergebnis, eine Amortisationskurve, Szenarien, eine Frage nach der anderen und ein Umsatztrichter. Die Rechnung bleibt offen und einfach.
- Rollen und Rechte5 VariantsSecurity und Zugriff · AppZugriffs-Screens für Apps. Rollenmatrix, Rolleneditor mit Live-Zusammenfassung, Zugriffsanfragen mit Frist, Gruppen mit Rollen und eine Zugriffsprüfung, die sich erklärt.
- Rückrufbitte4 VariantsAnfrageformulare · ContentEine Nummer und ein Zeitpunkt, und das Unternehmen ruft an. Tage und Zeitfenster mit belegten angehalten, ein Live-Status mit Wartezeit und Anruf sofort, eine Zeile für den Hero oder das Thema, das entscheidet, wer anruft.
S
- Salon und Spa5 VariantsSalon und Spa · IndustriesFür Friseure, Kosmetikstudios und Spas. Behandlungen Schritt für Schritt, Preisliste nach Haarlänge, Stylisten mit ihren Arbeiten, Gutscheine mit Live-Karte und Spa-Tage.
- Schalter2 VariantsForms und Inputs · ElementsAn und aus für Einstellungen, die sofort gelten, mit role="switch", als Liste oder als Zeilen.
- Scharf werden3 VariantsText Effects · ElementsEine ganze Zeile wird von unscharf zu scharf. Sie bleibt echter Text, nur Deckkraft, Filter und Transformation bewegen sich.
- Schieberegler2 VariantsForms und Inputs · ElementsEin gestylter nativer Regler: ein Wert oder eine Spanne mit zwei Griffen, formatierte Werte und Marken.
- Schimmertext3 VariantsTextakzente · ElementsEin Licht zieht über den Text. Reines CSS auf der geerbten Farbe, außerhalb des Bildes pausiert, bei reduzierter Bewegung ruhig.
- Schreibassistent5 VariantsKI-Schreiben und Erstellen · AppSchreibhilfe im Dokument. Vorschläge im Text nach Art, Umschreiben in einem gewählten Ton, Änderungen zum Annehmen oder Ablehnen, eine Leiste an markierten Wörtern und ein Entwurf, Punkt für Punkt aus einer Gliederung geschrieben.
- Schreibmaschine3 VariantsText Effects · ElementsTippt, hält und löscht mit Cursor, über eine oder mehrere Zeilen. Der Platz ist reserviert, nichts drumherum bewegt sich.
- Schrittanzeige2 VariantsNavigation · ElementsDie Schritte eines Ablaufs, waagerecht oder senkrecht, mit erledigt, aktuell, offen und Fehler in Worten.
- Schule5 VariantsSchule · IndustriesFür Schulen, Berufskollegs und Akademien. Bildungsgänge nach Abschluss, die Bewerbung mit Checkliste, das Schuljahr, Lehrkräfte und ein Planer für den Tag der offenen Tür.
- Schwebende Aktionen5 VariantsMenüleisten und Umschalter · ElementsNach oben, Lesefortschritt, eine mobile Aktionsleiste, ein klebender Call to Action und ein Kontakt-Dock. Sie folgen dem Scrollen der Seite.
- Scroll-Zeichnung4 VariantsMikroanimationen · VisualsEine Strichzeichnung, die sich beim Scrollen zeichnet und beim Zurückscrollen wieder verschwindet. Vier Zeichnungen dabei, eigene SVG-Pfade gehen auch.
- Section Header6 VariantsPage Header · LayoutKöpfe für Sections, die mehr tragen als einen Titel. Ein Link auf der Grundlinie, Filter für das Raster, eine Kapitelmarke mit Linie, eine große Kennzahl, eine Seitenspalte, die beim Scrollen stehen bleibt, und ein Satz, der beim Lesen aufleuchtet.
- Section-Übergänge5 VariantsScroll-Reveals und Übergänge · MarketingWie eine Section an die nächste übergibt. Die Seite blendet in ein dunkles Band oder einen Akzentschleier, eine Section gleitet wie ein Vorhang über die letzte, öffnet sich durch einen Kreis oder schiebt die vorige als Karte zurück. Ohne JavaScript steht jede Section auf ihrem eigenen Hintergrund.
- Seitenaufbau3 VariantsAnimations · VisualsComponents heben aus einer Palette ab, fliegen an ihren Platz und landen, bis die Seite fertig ist und veröffentlicht wird. Von selbst oder mit dem Scrollen.
- Seitenleiste5 VariantsSidebars · LayoutNavigation für Anwendungen, mit Leiste auf Tablets und Schublade oder Tab-Leiste auf Telefonen.
- Seitenzahlen2 VariantsNavigation · ElementsZahlen mit Lücken, schlicht zurück und weiter, eine Ergebniszeile und Mehr laden. Kompakt auf dem Telefon.
- Seitlich scrollen5 VariantsScroll-Geschichten · MarketingEine Section, die seitlich wandert, während die Seite nach unten scrollt. Sie bleibt stehen, bis ihre Reihe vorbeigezogen ist, Linie und Zähler zeigen den Stand. Auf dem Telefon hat jede Variante ihr eigenes Layout, ohne JavaScript scrollt die Reihe von Hand.
- Sheet2 VariantsOverlays · ElementsEin modales Panel, das von jeder Kante hereingleitet, mit festem Kopf, scrollendem Inhalt und haftender Fußzeile.
- Shop-Versprechen4 VariantsVersand und Filialen · E-CommerceWas ein Shop zu Versand, Rückgabe, Bezahlung und Service verspricht. Eine ruhige Leiste unter dem Header, Karten mit Details, der Balken bis zum Gratisversand und eine Geld-zurück-Garantie mit Siegel.
- Sicherheit5 VariantsSecurity und Zugriff · AppScreens für Kontosicherheit. Sicherheitswert mit empfohlenen Schritten, zweistufige Anmeldung einrichten, Passkeys, Backup-Codes und Anmeldeverlauf.
- Sicherheit und Vertrauen7 VariantsSecurity und Trust · MarketingBelege, dass Daten sicher sind, in sieben Aufbauten: gezeichnete Siegel, Datenschutz-Zusagen, Statusleiste, Garantie-Stempel, Sicherheitsdiagramm, Fragen zur Sicherheit und eine kompakte Siegelreihe.
- Social-Post-Mockup6 VariantsKampagnen-Mockups · VisualsSocial Posts als Bilder für deine Seite, ohne das Zeichen eines Netzwerks. Bildbeiträge, Textbeiträge, Stories, Karussells, Video-Reels und ein Profilraster. Doppeltippen zum Liken, Speichern, Folgen, Bilder wischen und durch Stories tippen.
- Sortierbare Liste4 VariantsListen, Bäume und Timelines · ElementsDinge in Reihenfolge bringen, per Ziehen, Tastatur oder Knöpfen. Die anderen gleiten zur Seite, jede Bewegung wird für Screenreader angesagt.
- Sparkline2 VariantsKPI-, Live- und Karten-Charts · ElementsEin Diagramm in Wortgröße für Fließtext und Kennzahlen, als Linie, Fläche oder Balken, mit Tooltip und Pfeiltasten.
- Sparrechner5 VariantsRechner · MarketingWas Besucher sparen, wenn sie wechseln, bündeln oder anders bezahlen. Abgehakte Werkzeuge gegen einen Plan, jährliche Abrechnung mit freien Monaten, ein Tarif über Jahre, ein Paket mit Rabattstufen und Provision gegen feste Gebühr.
- Speaker5 VariantsSpeaker und Media Kits · IndustriesFür Keynote-Speaker, Trainerinnen und Fachleute auf der Bühne. Vorträge mit Formaten und Erkenntnissen, Showreel mit Zahlen und Veranstaltern, frühere Auftritte nach Jahr, Buchungsanfrage und ein One-Sheet für Veranstalter.
- Speisekarte7 VariantsMenus · IndustriesSpeisekarten in Gängen, mit Fotos, Tageskarte, Getränke mit Größen, Ernährungsfilter, Mittagstisch und Reservierungsleiste.
- Spenden und Unterstützen4 VariantsSpenden und Unterstützen · MarketingFür Vereine, Stiftungen und Initiativen. Beträge mit ihrer Wirkung, ein Kampagnenziel, das sich füllt, Stufen zum Wählen und Bankdaten zum Kopieren.
- Sportverein5 VariantsSportverein · IndustriesFür Vereine und Mannschaften. Das nächste Spiel mit Countdown, Spielplan und Ergebnisse, die Tabelle, der Kader und die Mitgliedschaft mit Abteilungen.
- Spot-Illustrationen5 VariantsGraphics · VisualsSechzehn kleine Zeichnungen in einem Stil für Features, leere Zustände, Schritte und Bestätigungen. Sicherheit, Tempo, Wachstum, Team, Lieferung, Hilfe, Suche, Posteingang, Dateien, Kalender, Zahlung, Erfolg, Offline, Hochladen, Ort und Ideen. Sie nehmen die Theme-Farben an und setzen sich beim Hereinscrollen zusammen.
- Sprachassistent4 VariantsKI-Assistenten · AppSprachoberflächen in vier Formen. Ein Gespräch um eine Kugel, die zuhört, nachdenkt und spricht, mit Live-Untertiteln, die Mitschrift eines Anrufs mit Wiedergabe und Zusammenfassung, eine Stimme mit Hörproben wählen und Halten zum Sprechen mit Sprachnachrichten.
- Sprachwahl5 VariantsMenüleisten und Umschalter · ElementsSprach- und Regionswahl mit einem echten Link je Sprache. Sprachen mit ihrem eigenen Namen, nie mit einer Flagge.
- Stapelkarten5 VariantsScroll-Geschichten · MarketingKarten, die sich beim Scrollen übereinander legen. Die nächste Karte schiebt sich über die letzte, die ein wenig zurücktritt. Das Stapeln ist reines CSS und funktioniert auch ohne JavaScript.
- Start und Warteliste6 VariantsLaunch und Waitlist · MarketingDer Moment vor und beim Start, in sechs Aufbauten: Warteliste mit Platz in der Reihe, Countdown-Bühne, Startfilm, Einladung zum frühen Zugang, Ankündigung mit Kennzahlen und ein verschwommener Teaser.
- Status-Animationen6 VariantsMikroanimationen · VisualsHaken, die sich zeichnen, ein Fehler, der einmal wackelt, drei Spinner, ein Ring, der sich füllt, und ein Live-Puls. Nur SVG und CSS.
- Stehende Medien5 VariantsScroll-Geschichten · MarketingEin Medium, das stehen bleibt, während die Kapitel wechseln, und jeder Wechsel ist ein sichtbarer Übergang. Bilder blenden mit Tiefe über, eine Kamera fährt über eine Karte, Bilder wischen, ein Filmstreifen läuft, Bildschirme gleiten im Browser.
- Sternschnuppen3 VariantsBeams, Partikel und Bewegung · ElementsFeine Streifen, die schräg über die Bühne ziehen, aus festen Startpunkten über leisen Sternen.
- Steuerberatung5 VariantsSteuerberatung · IndustriesFür Steuerkanzleien und Buchhaltungsbüros. Fristen je Mandantengruppe, ein Mandantenportal mit Belegupload, eine Erstattungsschätzung, eine Unterlagen-Checkliste und monatliche Pauschalen.
- Sticky Subnav5 VariantsUnternavigation · LayoutNavigation innerhalb einer langen Seite. Sie weiß, welchen Abschnitt du liest, springt per Klick dorthin und bleibt in Reichweite. Pills, eine Produktleiste, ein Inhaltsverzeichnis, Kapitel-Segmente und Randpunkte, jede mit eigenem Telefon-Layout.
- Stimmen11 VariantsTestimonials · MarketingZitate, Bewertungen, Sterne, Videos und Beiträge der Menschen, die es nutzen.
- Store-Screenshots5 VariantsKampagnen-Mockups · VisualsDie hohen Rahmen mit Überschrift und Telefon, die App-Seiten in einer Reihe zeigen, ohne Zeichen eines Stores. Überschriften, ein Panorama über alle Rahmen, geneigte Telefone, aufspringende Hinweise und breite Tablet-Rahmen. Die Reihe scrollt per Ziehen, Pfeilen und Tastatur.
- Streudiagramm5 VariantsStatistik-Charts · ElementsZwei Messgrößen je Eintrag als Punkte, schlicht, in Gruppen, mit Trendlinie, in vier Feldern oder als Blasen. Der nächste Punkt antwortet dem Zeiger, Pfeiltasten gehen von links nach rechts.
- Suchergebnisse5 VariantsSuchergebnisse · ContentDie Seite nach der Suche. Gefundene Wörter markiert, Tabs je Typ, Filter mit Zahlen, Sofortvorschläge und ein leeres Ergebnis, das trotzdem hilft.
- Suchfeld2 VariantsForms und Inputs · ElementsDas Suchfeld mit Tastenkürzel, Leeren-Knopf, Escape zum Leeren, Ladezustand und Absendeknopf.
T
- Tag2 VariantsData Display · ElementsEtiketten für Themen und Status, dazu Filter-Chips mit Zahlen. Ein Feld, das Wörter zu Tags macht, ist die Tag-Eingabe.
- Tag-Eingabe1 VariantPicker und Auswahlfelder · ElementsMehrere Werte in einem Feld: Enter oder Komma fügt hinzu, zweimal Rücktaste entfernt, eingefügte Listen teilen sich selbst.
- Tasten3 VariantsData Display · ElementsTasten und Kürzel, die auf Apple-Geräten Befehl und sonst Strg zeigen und mit der echten Taste nach unten gehen.
- Team8 VariantsTeam · ContentDie Menschen hinter der Arbeit, vom Porträtraster bis zu Bereichen, mit Platz für offene Stellen.
- Teilen4 VariantsBlog · ContentEine Seite per Link, E-Mail, Nachricht, Teilen-Menü des Geräts oder QR-Code teilen. Keine fremden Logos, eigene Kanäle als URL-Vorlage.
- Telefonfeld4 VariantsSpezielle Eingabefelder · ElementsEine Telefonnummer mit Land, ohne Flaggen. Beim Tippen gruppiert wie im Land üblich, zurückgegeben in E.164, mit durchsuchbarer Länderliste.
- Termine6 VariantsAppointments · IndustriesBuchung in Schritten, Leistungen mit Dauer und Preis, Team mit freien Zeiten, Wochenansicht, Öffnungszeiten mit Notfall und Bestätigung.
- Testbericht5 VariantsRedaktion · ContentTestberichte, mit denen man entscheiden kann. Das Urteil mit Wertungsring und Pro und Contra, die Wertung mit eigener Gewichtung, das Datenblatt versprochen gegen gemessen, die Sieger eines Vergleichs und der Dauertest als Tagebuch.
- Text als Fenster4 VariantsScroll-Effekte · MarketingSchrift als Fenster auf ein Bild. Die Buchstaben sind aus der Seite geschnitten, das Bild bewegt sich beim Scrollen dahinter, und in einer Variante fliegt die Kamera durch einen Punkt ins Bild. Echter, markierbarer Text in hell und dunkel.
- Text im Scroll5 VariantsScroll-Effekte · MarketingGroße Schrift, die sich genau mit dem Scroll bewegt, eine Aussage pro Seite. Zeilen gleiten gegeneinander, Wörter finden zusammen, ein Wort schrumpft an seinen Platz, Zeilen steigen auf oder ein Umriss füllt sich. Ohne JavaScript steht die Aussage fertig da.
- Textbereich2 VariantsForms und Inputs · ElementsMehrzeiliger Text, der mit dem Inhalt wächst, mit Zähler, Fußzeile und Fehler als Text.
- Therapiepraxis5 VariantsTherapiepraxis · IndustriesFür Psychotherapie, Beratung und Coaching, ruhig gestaltet. Das Erstgespräch Schritt für Schritt, Verfahren, ehrliche Wartezeiten, Kosten nach Versicherung und Hilfe in der Krise.
- Tierarztpraxis5 VariantsTierarztpraxis · IndustriesFür Tierärzte und Tierkliniken. Leistungen je Tierart, eine 24-Stunden-Notdienstuhr, der Impfplan, die Anmeldung neuer Patienten und Vorsorgepläne.
- Titelseite5 VariantsRedaktion · ContentDie Titelseite eines Magazins oder einer Nachrichtenseite, sortiert wie von einer Redaktion. Aufmacher, Ressorts mit mitlaufender Leiste, eine Printausgabe mit Inhalt, ein Morgenüberblick zum Abhaken und das Meistgelesene nach Zeitraum.
- Tooltip2 VariantsOverlays · ElementsKurze Beschriftungen bei Hover und Fokus, optional mit Tastenkürzel. Escape blendet aus, wichtige Inhalte gehören nie hinein.
- Treemap5 VariantsStatistik-Charts · ElementsTeil vom Ganzen als Kacheln, deren Fläche der Wert ist, flach, in Gruppen, zum Hineinzoomen, nach Veränderung getönt oder über zwei Zeiträume mit gleitenden Kacheln. Pfeiltasten gehen von Kachel zu Kachel.
- Treueprogramm5 VariantsKonto und Treue · E-CommerceEin Treueprogramm in Sections. Die Stufen und ihre Vorteile, Wege zum Punktesammeln, Prämien zum Einlösen, die Mitgliedskarte mit Fortschritt und Aktivität und eine Empfehlung mit Link zum Teilen.
- Trichter2 VariantsCharts · ElementsSchritte vom ersten Besuch bis zum Ziel, mit dem Anteil am Start und dem Übergang zwischen je zwei Schritten.
U
- Über uns6 VariantsAbout · ContentGeschichte, Werte, Mission, Standorte auf einer Punktkarte, Zahlen und die Gründer.
- UI-Grafiken2 VariantsGraphics · VisualsGezeichnete App-Screens, Dashboards, Telefon-Screens, erfundene Logos, Presselogos, App-Zeichen, Avatare, eine Unterschrift und ein Code. In den Farben des Themes, bereit für jeden Bildplatz.
- Umfrage5 VariantsUmfragen und Feedback · ContentUmfragen, die man gern zu Ende ausfüllt. Jede Fragenart hat ihr eigenes ruhiges Layout, ein Zähler unten zeigt, was beantwortet ist, und offene Fragen stehen über dem Formular mit einem Link zu jeder.
- Umlaufbahn3 VariantsBeams, Partikel und Bewegung · ElementsIcons, Logos oder Avatare, die auf Ringen um eine Mitte kreisen und dabei aufrecht bleiben.
- Umschalter3 VariantsButtons · ElementsKnöpfe, die gedrückt bleiben, Gruppen für einen oder mehrere Werte und ein Segment-Schalter mit gleitendem Daumen.
- Unterlagen anfordern4 VariantsAnfrageformulare · ContentUnterlagen anfordern und vollständig zurückbekommen. Eine Zeile je Unterlage, ein Ablegen für alles, das sich selbst einsortiert, eine Anfrage einer Kanzlei mit Frist und die Prüfung des Zurückgeschickten mit Grund, wenn eine neue Fassung nötig ist.
- Unterschriftsfeld4 VariantsSpezielle Eingabefelder · ElementsEine Unterschrift mit Finger, Stift oder Maus, Tinte, die mit dem Tempo atmet, Zurücknehmen und Leeren, Tippen als Alternative für die Tastatur, und SVG als Wert.
V
- Veränderbare Bereiche4 VariantsPanels und Splitter · ElementsBereiche, deren Größe man an der Linie dazwischen zieht, nach dem Muster des Fensterteilers. Pfeile verschieben, Pos1 und Ende gehen an die Grenzen, Enter klappt ein, Doppelklick stellt zurück.
- Verbrauch und Limits5 VariantsBilling und Usage · AppVerbrauchs-Screens. Kontingente mit Prognose, Tagesdiagramm mit erwartetem Rest des Zeitraums, Monatsbudget mit Hinweisen, Aufteilung und Prepaid-Guthaben.
- Vergleich5 VariantsComparison · ContentDu gegen die anderen, vorher und nachher, bewertete Optionen, eine Funktionsmatrix und Für und Wider.
- Vergleichsdiagramm5 VariantsVergleichs-Charts · ElementsZwei Zustände nebeneinander, als Steigungsdiagramm, Schmetterling, Balken in zwei Richtungen, A/B-Test mit Intervallen und Sicherheit oder als Reihen, die auf einer Achse bei 100 beginnen.
- Versicherung5 VariantsVersicherung · IndustriesFür Versicherer, Makler und Agenturen. Tarifrechner, was jeder Tarif in echten Situationen zahlt, Schadenmeldung, Produkte mit Paketrabatt und Beratersuche.
- Versionsverlauf5 VariantsImport, Export und Verlauf · AppVersionsverlauf für Dokumente. Versionsliste mit markierter Vorschau und Wiederherstellen, zwei Versionen nebeneinander, Änderungen im Text mit Navigation, benannte Versionen und ein sorgfältiges Wiederherstellen.
- Verteilungsdiagramm5 VariantsStatistik-Charts · ElementsWie sich Werte verteilen, nicht nur ihr Schnitt. Als Histogramm, Boxplots, Dichtekurven, Punktstreifen, in dem kein Punkt einen anderen verdeckt, oder als Perzentilbänder mit dem eigenen Wert darin.
- Videoplayer4 VariantsMedia · ElementsEin Videoplayer mit eigener ruhiger Steuerung, Untertiteln, Tastenkürzeln und einem Vorschaubild, das jede Zeichnung oder jedes Bild sein kann.
W
- Warenkorb5 VariantsCart und Checkout · E-CommerceDer Warenkorb als Panel, Seite, Popover, leerer Zustand und mit Zusatzangeboten.
- Wasserfalldiagramm4 VariantsVergleichs-Charts · ElementsWie aus einem Anfangswert ein Endwert wird, Schritt für Schritt. Als Brücke, als Rechnung mit Zwischensummen, in Zeilen für lange Namen oder als Geld rein und raus mit dem Kontostand. Auf dem Telefon werden die Säulen zu Zeilen.
- Webhooks5 VariantsDeveloper Settings · AppWebhook-Screens. Endpunkte mit Zustand der letzten 24 Stunden, Ereignisauswahl, Zustellprotokoll mit Anfrage und Antwort, Ereigniskatalog und Testversand.
- Wechselnde Wörter3 VariantsTextakzente · ElementsEin Wort im Satz wechselt, der Platz gleitet auf die Breite des nächsten Worts, nichts springt. Pausiert außerhalb des Bildes und bei Hover.
- Weg mit Stationen4 VariantsScroll-Reisen · MarketingEine Markierung, die beim Scrollen einen Weg entlangfährt, der Weg zeichnet sich hinter ihr, und die Stationen leuchten auf. Ein Ablauf, eine Lieferung, ein Kreislauf oder ein Aufstieg als ein durchgehender Weg.
- Weingut5 VariantsWeingut · IndustriesFür Weingüter, Winzer und Weinhandlungen. Weine mit Geschmacksprofil, die Lagen als gezeichnete Karte, Weinproben buchen, ein Karton zum Füllen und der Jahrgangsbericht.
- Workflow-Builder4 VariantsAutomation und Builder · AppWorkflow-Screens. Eine Fläche mit ziehbaren Schritten und lebenden Verbindungen, ein linearer Builder, ein Schritt-Inspektor mit Daten aus früheren Schritten und ein Testlauf, der Schritt für Schritt aufleuchtet.
- Wort für Wort3 VariantsText Effects · ElementsWörter steigen nacheinander auf, sobald die Zeile ins Bild kommt, oder leuchten beim Lesen auf. Screenreader hören den Satz einmal, ohne JavaScript steht er vollständig da.
- Wunschliste5 VariantsKonto und Treue · E-CommerceGemerkte Produkte als Raster oder Liste, mehrere benannte Listen, eine Liste, aus der Freunde Geschenke reservieren, und Preisalarme mit Preisverlauf.
Z
- Zahlen8 VariantsStats · MarketingZahlen, die etwas belegen, in acht Aufbauten vom Haarlinien-Raster bis zum Diagramm und einem Zähler, der in der Seitensprache hochzählt.
- Zahlenfeld4 VariantsPicker und Auswahlfelder · ElementsEin Zahlenfeld nach dem Spinbutton-Muster, in vier Formen. Es zählt in Schritten, hält seine Grenzen, wiederholt beim Gedrückthalten und liest das Zahlenformat der Sprache.
- Zahlenreise5 VariantsScroll-Reisen · MarketingEine große Zahl, die beim Scrollen durch Stufen reist. Sie zählt, lässt einen Balken wachsen, rollt mit ihrer Einheit weiter, trennt sich von einer zweiten Zahl oder füllt einen Ring, immer genau mit dem Scroll. Ohne JavaScript steht jede Stufe in einer Zahlenreihe.
- Zahlenzähler3 VariantsTextakzente · ElementsZählt bis zu einem Wert, sobald er ins Bild kommt, im Format der Sprache über Intl und in Tabellenziffern. Die Endbreite ist von Anfang an reserviert.
- Zahlungsformular4 VariantsAdresse, Zahlung und Einwilligung · ContentZahlungsart wählen und bezahlen, ohne Logos von Kartenmarken. Zahlungsarten, die eigene Felder öffnen, die Bestellung neben der Zahlung mit Gutscheincode, eine Lastschrift mit echter IBAN-Prüfung und Ratenzahlung mit jedem Termin.
- Zahnarztpraxis5 VariantsZahnarztpraxis · IndustriesFür Zahnärzte, Kieferorthopäden und Zahnkliniken. Behandlungen am gezeichneten Zahnbogen, eine ruhige Seite für Angstpatienten, die Prophylaxe-Erinnerung, eine Kostenschätzung mit Bonusheft und der Notfall-Wegweiser.
- Zeitauswahl5 VariantsPicker und Auswahlfelder · ElementsEine Uhrzeit wählen, als Feld mit Segmenten, als Liste in Schritten mit Dauer, als Walzen, als Zifferblatt oder als Von-bis-Bereich. Deutsch in 24 Stunden, Englisch mit AM und PM.
- Zeitleiste4 VariantsListen, Bäume und Timelines · ElementsEreignisse der Reihe nach: Verläufe, Geschichte, Sendungsverfolgung und Änderungen.
- Zimmer und Aufenthalte5 VariantsRooms und Stays · IndustriesZimmer mit Ausstattung und Preis pro Nacht, Verfügbarkeitskalender, Buchungsleiste, Lage und Bewertungen.
- Zoom beim Scrollen5 VariantsScroll-Geschichten · MarketingEin Bild oder Produkt, das beim Scrollen von klein auf das ganze Fenster wächst. Die Überschrift tritt zurück, das Bild wächst, am Ende kommt sein eigener Text. Ohne JavaScript steht das fertige Layout da.
Dazu passt keine Component.
Versuch ein anderes Wort oder eine dieser Suchen.
Lieber nach Website-Typ suchen?
Sammlungen zeigen die Components einer Website in der richtigen Reihenfolge.