Eine Bibliothek für jedes kleine Teil

Schaltflächen, Schalter, Seitenpanels, Ladeanzeigen, Formulare, Karten und Mikroanimationen: aussuchen, «Einfügen» drücken, das Teil sitzt auf deiner Seite. Null Credits, ein Klick entfernt es wieder.

1.350 eigene fertige Karten · 5.239 offene Elemente aus fünfzehn Bibliotheken

In der Bibliothek suchenOptik

Jede Karte ist lebendig: die Vorschau führt denselben Code aus, den der Builder einfügt, in einer Sandbox.

Flüssige Tab-LeisteDer aktive Tab gleitet nicht über die Leiste, er schmilzt sie: der Tropfen löst sich von der Leiste und fließt wieder mit ihr zusammengefülltKonturweichGlasNeon

BelegdruckerDie Zahlung endet nicht mit einem Haken: der Button wird zur Statuszeile, und aus dem Schlitz darunter schiebt sich ein PapierbeleggefülltKonturweichGlasNeon

Teilen-Button, der sich verwandeltDer Button selbst dehnt sich zu einer Reihe von Netzwerk-Logos, eine Blase unter dem Cursor benennt die Wahl, und ein Tippen faltet sie zu einer BestätigunggefülltKonturweichGlasNeon

Kinetisches RasterPunkte weichen dem Cursor aus: in der Mitte sinken sie ein, am Rand leuchtet ein Ring auf, entfernte Punkte bleiben stehengefülltKonturweichGlasNeon

Bildschirm-OrbitBildschirme ziehen auf einem 3D-Ring und schauen immer zum Betrachter; der Ring dreht und neigt sich zum CursorgefülltKonturweichGlasNeon

Wort-MorphingDas alte Wort zerfließt und fügt sich zum neuen, und darunter ordnen sich dieselben Blöcke zum Layout dessen, was es benenntgefülltKonturweichGlasNeon

Schalter wie am TelefonEin weiches Gleis, ein Knopf mit Schatten, der sich beim Druck streckt und zurückfedertgefülltKonturweichGlasNeon

Schalter mit Sonne und MondIm Knopf wird die Sonne zum Mond, das Gleis leuchtet dabei aufgefülltKonturweichGlasNeon

Schalter mit ZustandswortDas Wort daneben wechselt mit dem Zustand und fährt nach oben, statt zu blinkengefülltKonturweichGlasNeon

Schalter mit drei StellungenEin Gleis mit drei Stellungen und ein Knopf, der zur gewählten fährtgefülltKonturweichGlasNeon

Schalter mit LaderingBeim Einschalten läuft einmal ein Ring um den Knopf, solange die Einstellung gespeichert wirdgefülltKonturweichGlasNeon

Großer SchalterEin Gleis in Daumengröße mit kräftiger Beschriftung, für Einstellungen am TelefongefülltKonturweichGlasNeon

Schalter mit Wörtern im GleisDie Wörter an und aus stehen im Gleis selbst und wechseln mit dem KnopfgefülltKonturweichGlasNeon

Eckiger SchalterGerade Ecken und ein kurzer Weg, für technische Tafeln nach dem RastergefülltKonturweichGlasNeon

Einstellungen mit SchalternDrei Zeilen mit eigener Beschriftung und eigenem Schalter, getrennt durch eine HaarliniegefülltKonturweichGlasNeon

Schalter für die ZustimmungEine Zeile zur Zustimmung, deren unterstrichener Link zu den Bedingungen getrennt vom Schalter anklickbar istgefülltKonturweichGlasNeon

Schaltfläche ohne RahmenIn Ruhe nur die Beschriftung und ein Pfeil; die Unterlage taucht beim Zeigen und beim Fokus aufgefülltKonturweichGlasNeon

Schaltfläche mit einlaufender FüllungBeim Zeigen läuft die Füllung von links ein, der Pfeil folgt ihr hinausgefülltKonturweichGlasNeon

Geteilte SchaltflächeLinks die Hauptaktion, rechts ein Pfeil, der die verwandten Aktionen öffnetgefülltKonturweichGlasNeon

Kopieren mit wechselnder BeschriftungDaneben steht, was kopiert wird, und die Beschriftung fährt nach oben auf „kopiert“gefülltKonturweichGlasNeon

Herunterladen mit BalkenAm unteren Rand läuft ein Balken, das Symbol dreht sich, dann setzt sich ein HakengefülltKonturweichGlasNeon

Schaltfläche zum TeilenDrei Wege zum Teilen stehen gedämpft daneben und fächern beim Zeigen aufgefülltKonturweichGlasNeon

Schaltflächen zurück und weiterEine stille Schaltfläche zurück und eine kräftige weiter, dazwischen die Nummer des SchrittsgefülltKonturweichGlasNeon

Nach oben mit RingEine runde Schaltfläche mit einem Ring für das Gelesene, der Pfeil hüpft beim ZeigengefülltKonturweichGlasNeon

Schwebende Schaltfläche mit HinweisEine runde Schaltfläche für die Aktion, deren Hinweis beim Zeigen und beim Fokus herausfährtgefülltKonturweichGlasNeon

Schaltfläche mit VerlaufsringDer Rahmen ist aus Tönen der Markenfarbe gebaut und zieht langsam um die KantegefülltKonturweichGlasNeon

Schaltfläche mit schrägem GlanzBeim Zeigen und beim Fokus läuft einmal ein schräger Glanz darübergefülltKonturweichGlasNeon

Schaltfläche mit Welle beim DruckBeim Druck geht aus der Mitte ein Kreis auf und verblasst, ganz ohne SkriptgefülltKonturweichGlasNeon

Schaltfläche, deren Symbol zum Haken wirdDas Plus dreht sich zum Ring des Wartens, und sobald gespeichert ist, zeichnet sich ein HakengefülltKonturweichGlasNeon

Halten zum BestätigenDie Füllung wächst, solange gedrückt wird, und das Loslassen bricht alles abgefülltKonturweichGlasNeon

Wischen zum BestätigenDer Knopf zieht nach rechts, die Füllung hinter ihm, damit ein versehentliches Tippen nichts bestätigtgefülltKonturweichGlasNeon

Schaltfläche mit ZählerDie Zahl sitzt in der Ecke der Schaltfläche und hüpft beim Zeigen ein weniggefülltKonturweichGlasNeon

Folgen mit dem Zustand „folgt“Der Name bleibt stehen, der Zustand kippt, und die Beschriftung fährt mit einem Haken nach obengefülltKonturweichGlasNeon

Stimme hoch und runterZwei Pfeile um die Wertung; der gedrückte leuchtet auf und hüpft einmalgefülltKonturweichGlasNeon

Sternebewertung mit WortFünf Sterne füllen sich mit Farbe, darunter erscheint das Wort zur gewählten NotegefülltKonturweichGlasNeon

MengenzählerMinus und Plus an den Rändern, dazwischen die Zahl in gleich breiten ZifferngefülltKonturweichGlasNeon

Wechsel zwischen Liste und RasterListe oder Raster: die Hervorhebung fährt unter das gewählte SymbolgefülltKonturweichGlasNeon

Burger, der zum Kreuz wirdDrei Striche klappen zum Kreuz zusammen: der mittlere verblasst, die äußeren drehen aufeinander zugefülltKonturweichGlasNeon

AuroraDrei Lichtbänder ziehen oben entlang, unten bleibt ein dunkler SternenhimmelgefülltKonturweichGlasNeon

MeteorschauerAcht Funken mit Schweif fallen schräg durch das Bild, jeder zu seiner ZeitgefülltKonturweichGlasNeon

Retro-RasterEin Raster läuft zum Horizont und auf den Betrachter zu, darüber eine gestreifte SonnegefülltKonturweichGlasNeon

PunktrasterEin gleichmäßiges Punktraster und ein Lichtfleck, der dem Zeiger folgtgefülltKonturweichGlasNeon

LichtstrahlenFünf schmale Strahlen gehen von einem Punkt oben aus und schwanken kaum merklichgefülltKonturweichGlasNeon

FarbnebelVier Farbflecken ziehen und ändern ihre Form, die Töne fächern von der Markenfarbe aufgefülltKonturweichGlasNeon

RauschschleierEchtes Korn über einer Farbfläche: Film, kein PlastikgefülltKonturweichGlasNeon

LeuchtringZwei dünne Ringe drehen gegeneinander, in der Mitte atmet ein ScheingefülltKonturweichGlasNeon

Laufende WelleDrei Wellen laufen unterschiedlich schnell und ergeben lebendiges WassergefülltKonturweichGlasNeon

Wellen beim DruckDie Kreise gehen von selbst auseinander, beim Druck fliegen sie dreimal so schnellgefülltKonturweichGlasNeon

Leuchtender RandAm Rahmen des Blocks läuft ein Strahl, innen bleibt alles ruhiggefülltKonturweichGlasNeon

NetzverlaufZwölf Farbzellen verschwimmen zu einem fließenden HintergrundgefülltKonturweichGlasNeon

Überschrift mit VerlaufÜber die Buchstaben zieht endlos ein Verlauf aus den Farben der SeitegefülltKonturweichGlasNeon

Glanz über dem TextAlle paar Sekunden läuft ein heller Streifen über die BuchstabengefülltKonturweichGlasNeon

SchreibmaschineDie Zeile tippt sich Buchstabe für Buchstabe und löscht sich zurück, der Cursor blinktgefülltKonturweichGlasNeon

Wechselndes WortDas letzte Wort der Überschrift wechselt zum nächsten, der Rest bleibt stehengefülltKonturweichGlasNeon

BildstörungDas Wort reißt in Farbschichten und setzt sich sofort wieder zusammengefülltKonturweichGlasNeon

KonturschriftDie Buchstaben sind als Kontur gezeichnet, und die Füllung kriecht von links heranKonturweichGlasNeon

NeonschildDie Röhre brennt, blinzelt gelegentlich und bringt ihr eigenes dunkles Feld mitgefülltweichGlasNeon

Überschrift mit MarkierungHinter einem Wort rollt sich eine Farbfläche aus wie eine MarkerspurgefülltKonturweichGlasNeon

Unterstreichung mit PinselUnter dem Wort wird eine ungerade Linie gezogen, wie mit dem PinselgefülltKonturweichGlasNeon

Zitat mit LichtEin großes Zitat, hinter dem Anführungszeichen glimmt sanft ein Lichtfleck aufKonturweichGlasNeon

Zählende KennzahlenDrei Zahlen mit Beschriftung, unter jeder leuchtet ihr eigener Strich aufgefülltKonturweichGlasNeon

ZifferntafelSechs Trommeln drehen bis zu ihrer Ziffer, jede etwas später als die NachbaringefülltweichGlasNeon

Balken des ErfolgsDer Balken fährt bis zu seiner Marke, ein Glanz läuft endlos darübergefülltKonturweichGlasNeon

FortschrittsringeDrei Ringe zeichnen sich bis zu ihrem Anteil und schreiben ihn in die MittegefülltKonturweichGlasNeon

Tafel von linksDie Navigation fährt vom linken Rand über einer Abdunklung heraus; dieselbe Schaltfläche schließt siegefülltKonturweichGlasNeon

Tafel von rechtsDie Einzelheiten einer Zeile öffnen sich rechts in einer Tafel, die Liste bleibt stehengefülltKonturweichGlasNeon

Tafel von obenEine Tafel fährt von der oberen Kante herunter: Ankündigung, Suche oder schnelle AktionengefülltKonturweichGlasNeon

Untere Tafel mit StufenEine Tafel mit Griff hält auf halber Höhe, und eine Schaltfläche hebt sie auf die volle HöhegefülltKonturweichGlasNeon

Tafel mit WarenkorbDer Warenkorb fährt rechts herein, mit den Positionen, der Summe und einer Schaltfläche zur KassegefülltKonturweichGlasNeon

Tafel mit FilternDie Filter ziehen in eine Tafel um: Kästchen, eine Preisspanne und unten die Zahl der TreffergefülltKonturweichGlasNeon

Tafel mit EinstellungenEinstellungen des Abschnitts in einer Tafel rechts: beschriftete Schalter und ein AuswahlfeldgefülltKonturweichGlasNeon

Mobiles MenüEin Menü über die ganze Höhe mit großen Punkten und einem verschachtelten Abschnitt, der sich an Ort und Stelle öffnetgefülltKonturweichGlasNeon

AktionslisteUnten steigt eine Liste von Aktionen auf, mit einer eigenen gefährlichen Zeile und einer Schaltfläche zum AbbrechengefülltKonturweichGlasNeon

Suche im VollbildDie Suche nimmt den ganzen Bildschirm ein: ein Feld, die letzten Anfragen und ein TastaturhinweisgefülltKonturweichGlasNeon

Lightbox für BilderEine Aufnahme öffnet sich über der Seite, mit Unterschrift, Zähler und einem Streifen weiterer BildergefülltKonturweichGlasNeon

Schleier beim LadenEin Schleier mit Ring und Unterschrift deckt den Abschnitt zu, bis die Daten da sindgefülltKonturweichGlasNeon

BestätigungsdialogFragt vor dem Unwiderruflichen: was genau verschwindet, was daraus folgt und zwei SchaltflächengefülltKonturweichGlasNeon

Dialog mit SchrittenEin Assistent im Fenster: oben die Leiste der Schritte, eine Frage pro Bildschirm, zurück und weitergefülltKonturweichGlasNeon

Dialog mit FormularEin kurzes Formular im Fenster: zwei Felder, ein Haken zur Zustimmung und eine Schaltfläche, die Seite darunter bleibt sichtbargefülltKonturweichGlasNeon

Dialog im VollbildDas Fenster nimmt den ganzen Bildschirm ein: eigene Kopfzeile, langer Inhalt und unten eine Schaltfläche zum SpeicherngefülltKonturweichGlasNeon

Dialog mit Bild an der SeiteLinks das Bild und ein Gedanke, rechts der Text und eine Schaltfläche; auf dem Telefon rückt das Bild nach obengefülltKonturweichGlasNeon

BenachrichtigungszentraleEine Tafel unter der Glocke: Ungelesenes mit Punkt, Uhrzeiten und eine Schaltfläche, die alles als gelesen markiertgefülltKonturweichGlasNeon

Tafel mit HilfeEine schwebende Hilfe: Suche in den Artikeln, drei Antworten und eine Zeile zum lebenden SupportgefülltKonturweichGlasNeon

Tafel mit dem ProfilEine Tafel unter dem Avatar: Name, E-Mail, Tarif und ein kurzes Menü mit dem Abmelden untengefülltKonturweichGlasNeon

Tafel mit den VersionenEine Liste der Versionen mit Markierung der aktuellen: wann, wer und was geändert hat, mit Rückkehr zu jedergefülltKonturweichGlasNeon

Kontextmenü der ZeileEine Schaltfläche aus drei Punkten öffnet über der Liste das Menü der ZeilegefülltKonturweichGlasNeon

Menü mit AbschnittenEin Aufklappmenü mit beschrifteten Gruppen, Tastenkürzeln und einer eigenen Zeile ganz untengefülltKonturweichGlasNeon

Vorschaukarte beim ZeigenAuf den Namen zeigen: die Karte des Autors taucht auf; die Schaltfläche daneben hält sie fest, für alle ohne MausgefülltKonturweichGlasNeon

Tooltip an vier SeitenEin Tooltip in vier Lagen: oben, rechts, unten und links, jeder mit einem ZipfelgefülltKonturweichGlasNeon

Tooltip mit ÜberschriftEin Kreis mit Fragezeichen öffnet einen Hinweis mit Überschrift, Absatz und LinkgefülltKonturweichGlasNeon

Toast-StapelDrei Toasts in der Ecke: Erfolg, Warnung und schlicht; das Kreuz nimmt seinen eigenen weggefülltKonturweichGlasNeon

Snackbar mit „Rückgängig“Eine Leiste unten meldet die Aktion, bietet das Rückgängigmachen an und schmilzt an einem Zeitstreifen dahingefülltKonturweichGlasNeon

Fenster zur ZustimmungEin Cookie-Fenster in der Ecke: was gesammelt wird, ein Link zur Richtlinie und zwei gleichwertige Schaltflächen zur WahlgefülltKonturweichGlasNeon

Einladung zum AboEin Fenster mit Bildstreifen, dem Versprechen von einem Brief im Monat, einem Feld für die E-Mail und einem KreuzgefülltKonturweichGlasNeon

Strahl am RahmenEin leuchtender Abschnitt läuft ohne Pause an der Kante der Karte entlanggefülltKonturweichGlasNeon

Karte mit LichtfleckEin weicher Lichtfleck folgt der Maus über die KartegefülltKonturweichGlasNeon

Karte mit NeigungDie Karte dreht sich der Maus nach wie eine echte PlattegefülltKonturweichGlasNeon

Neon-KarteDie Neonröhre am Rand atmet, die Buchstaben leuchten wie ein SchildKonturweichGlasNeon

Glas mit AuroraHinter mattem Glas ziehen langsam farbige FleckenKonturweichGlasNeon

KartenfächerDrei Karten liegen als Stapel und fächern beim Zeigen aufgefülltKonturweichGlasNeon

Karte mit VorhangDie Tafel unten fährt hoch und gibt den Text unter dem Titelbild freigefülltKonturweichGlasNeon

Produkt mit GlanzÜber die Produktkarte läuft von selbst ein LichtstreifengefülltKonturweichGlasNeon

Stimme mit leuchtendem AnführungszeichenEin riesiges Anführungszeichen glimmt hinter dem Text und flammt langsam aufgefülltKonturweichGlasNeon

Wand aus StimmenDie Stimmen fahren auf einem endlosen Band, die Ränder lösen sich im Hintergrund aufKonturweichGlasNeon

Schaltfläche mit LichtringEin Lichtring dreht sich um die Schaltfläche, und immer wieder läuft eine Welle hinausgefülltKonturweichGlasNeon

Flüssige SchaltflächeInnen schwappt ein Tropfen, beim Zeigen füllt er die ganze SchaltflächegefülltKonturweichGlasNeon

Magnetische SchaltflächeDie Schaltfläche neigt sich zum Zeiger, als wäre sie magnetischgefülltKonturweichGlasNeon

Schaltfläche mit Strahl am RandZwei helle Abschnitte jagen einander an der Kante der SchaltflächeKonturweichGlasNeon

Schaltfläche mit FunkenUm die Schaltfläche stieben Funken, beim Zeigen werden es mehrgefülltKonturweichGlasNeon

Schaltfläche mit TextwechselBeim Zeigen fährt die Beschriftung nach oben weg und von unten kommt die zweitegefülltKonturweichGlasNeon

Große Schaltfläche mit ziehendem LichtÜber die breite Schaltfläche zieht langsam ein Verlauf, darunter liegt ein farbiger SchattengefülltKonturweichGlasNeon

Leiste mit SymbolenEin Streifen Symbole: das unter dem Zeiger wächst, die Nachbarn heben sich ein weniggefülltKonturweichGlasNeon

Umlaufbahn aus MenschenZwei Ringe mit Gesichtern kreisen langsam um ein Zeichen in der MittegefülltKonturweichGlasNeon

Band aus LogosKundenzeichen fahren im Kreis, die Ränder des Bandes gehen im Hintergrund aufKonturweichGlasNeon

Bento mit LichtEin Raster ungleicher Kacheln, über das ein gemeinsamer Lichtfleck wandertgefülltKonturweichGlasNeon

Tarife mit LichtDrei Tarife; um den mittleren läuft Licht, und er steht höhergefülltKonturweichGlasNeon

Streifen mit ErfolgenVier Zahlen zählen von null hoch, sobald der Streifen ins Bild kommtgefülltKonturweichGlasNeon

Schritte mit StrahlDrei Schritte sind durch einen Faden verbunden, auf dem ein Funke läuftgefülltKonturweichGlasNeon

Letzter AufrufEin breiter Block in leuchtendem Rahmen, hinter dem Text atmet ein PunktrastergefülltKonturweichGlasNeon

Welle aus PunktenFünf Punkte gehen nacheinander auf und ab, als WellegefülltKonturweichGlasNeon

Pulsierender RingDer Kern bleibt stehen, von ihm gehen abwechselnd zwei Ringe ausgefülltKonturweichGlasNeon

LadebalkenZwei Abschnitte laufen über die Spur, solange die Wartezeit noch unbekannt istgefülltKonturweichGlasNeon

Karten-SkelettPlatz für ein Titelbild, eine Überschrift, zwei Zeilen und eine Schaltfläche, über die ein Schimmer läuftgefülltKonturweichGlasNeon

Tabellen-SkelettEine Kopfzeile und vier Zeilen zu je drei Zellen, die Zeilen hellen nacheinander aufgefülltKonturweichGlasNeon

Ladekreis aus SegmentenZwölf Striche im Kreis erlöschen nacheinander, wie beim Warten im SystemgefülltKonturweichGlasNeon

Hüpfende QuadrateVier Quadrate hüpfen nacheinander und drücken sich beim Landen etwas zusammengefülltKonturweichGlasNeon

SanduhrDer Sand rinnt von oben nach unten und fängt von vorn an, sobald oben leer istgefülltKonturweichGlasNeon

Komet auf der KreisbahnEin Punkt läuft um einen Ring und zieht einen verblassenden Schweif hinter sich hergefülltKonturweichGlasNeon

Block mit SchimmerEin Platzhalter beliebiger Größe, über den ein Lichtstreifen ziehtgefülltKonturweichGlasNeon

Online-PunktEin Punkt mit ausgehendem Ring und einer Beschriftung: die Verbindung ist sichtbar am LebengefülltKonturweichGlasNeon

HerzschlagEin Herz schlägt, und die Kurve zeichnet sich über einer blassen HilfsliniegefülltKonturweichGlasNeon

Zahl, die hochzähltDie Zahl fährt von unten herein und zählt bis zum Ergebnis hoch, sobald sie im Bild istgefülltKonturweichGlasNeon

Fortschrittsbalken mit ProzentBeschriftung, Prozent und Spur: die Füllung wächst von links bis zu ihrem WertgefülltKonturweichGlasNeon

Ring mit ProzentEin Bogen läuft bis zu seinem Wert, die Zahl steht in der MittegefülltKonturweichGlasNeon

Schritte als PunkteFünf Punkte an einem Faden: die erledigten sind gefüllt, der aktuelle ist größer und atmet einen RinggefülltKonturweichGlasNeon

Countdown in ZiffernStunden, Minuten und Sekunden bis zur Frist; die Doppelpunkte blinken, die Ziffern ticken von selbstgefülltKonturweichGlasNeon

StärkeanzeigeVier Abschnitte füllen sich einer nach dem anderen und nennen die Stufe in einem WortgefülltKonturweichGlasNeon

Synchronisierung läuftZwei Pfeile drehen im Kreis, während die Änderungen zum Server unterwegs sindgefülltKonturweichGlasNeon

Aufnahme läuftEin blinkender Punkt, das Wort Aufnahme und die Zeit seit dem StartgefülltKonturweichGlasNeon

Haken, der sich zeichnetDer Kreis zeichnet sich selbst, danach zieht sich der Haken hineingefülltKonturweichGlasNeon

Kreuz, das sich zeichnetDer Kreis zeichnet sich selbst, dann zieht sich das Kreuz mit zwei Strichen nacheinander hineingefülltKonturweichGlasNeon

Herz mit FunkenDas Herz schwillt kurz an, und sechs Funken fliegen herausgefülltKonturweichGlasNeon

Stern, der sich fülltDer Umriss des Sterns füllt sich von unten nach oben und hüpft am Ende kurzgefülltKonturweichGlasNeon

Schwingende GlockeEine Glocke mit Zähler schwingt aus und kommt zur Ruhe, dann wieder von vorngefülltKonturweichGlasNeon

Hüpfender PfeilEine Beschriftung und ein Pfeil nach unten, der kurz hüpft und zum Scrollen einlädtgefülltKonturweichGlasNeon

Cursor beim TippenDie Zeile erscheint in Schüben, wie getippt, am Ende blinkt ein CursorgefülltKonturweichGlasNeon

Unterstreichung mit PinselUnter einem einzelnen Wort zeichnet sich von selbst ein ungleichmäßiger PinselstrichgefülltKonturweichGlasNeon

Symbol, das sich wendetDie Kachel wendet sich beim Zeigen und über die Tastatur: der Link wird zum HakengefülltKonturweichGlasNeon

Konfetti aus einem PunktAus dem Haken fliegen zehn Papierschnipsel auf und verblassen im FluggefülltKonturweichGlasNeon

AnmeldenE-Mail, Passwort mit Auge, „Angemeldet bleiben“ und ein Link per E-Mail als zweiter WeggefülltKonturweichGlasNeon

RegistrierenName, E-Mail, Passwort mit lebender Stärkeanzeige und Urteil in einem Wort, Zustimmung zu den BedingungengefülltKonturweichGlasNeon

Passwort zurücksetzenEin E-Mail-Feld, eine Schaltfläche und der Weg zurück; der Umschlag wippt beim ZeigengefülltKonturweichGlasNeon

BestätigungscodeSechs Felder mit automatischem Sprung, Einfügen aus der Zwischenablage, die Schaltfläche leuchtet bei vollem CodegefülltKonturweichGlasNeon

Anmeldung per LinkNur die E-Mail und eine Schaltfläche; beim Zeigen läuft ein Funke über siegefülltKonturweichGlasNeon

Anmeldung in zwei SpaltenLinks eine Tafel mit Zitat und lebendem Verlauf, rechts das Formular mit PasswortgefülltKonturweichGlasNeon

404-SeiteEine riesige Zahl schwebt und atmet, darunter der Weg zurück und eine SuchegefülltKonturweichGlasNeon

Etwas ist kaputtFehlerbildschirm mit einer Schaltfläche „Erneut versuchen“, die wirklich dreht und Bericht erstattetgefülltKonturweichGlasNeon

DemnächstEin lebender Countdown in vier Kacheln und ein Feld „Sag Bescheid, wenn ihr öffnet“gefülltKonturweichGlasNeon

WartungsarbeitenZwei Zahnräder drehen gegeneinander, dazu ein Termin und ein Link zum StatusgefülltKonturweichGlasNeon

Cookie-LeisteEine Leiste unten mit zwei ehrlichen Schaltflächen; schließt sich sanftgefülltKonturweichGlasNeon

KontaktformularName, E-Mail, Betreff und eine Nachricht mit Zeichenzähler; die Schaltfläche verspricht eine AntwortzeitgefülltKonturweichGlasNeon

WartelisteE-Mail, der eigene Platz in der Schlange und ein Stapel Avatare derer, die schon drin sindgefülltKonturweichGlasNeon

BezahlschrankeDer Text verliert sich im Nebel, darüber ein Schloss und der Preis; beim Zeigen hebt sich der Nebel ein weniggefülltKonturweichGlasNeon

Erste SchritteCheckliste für den ersten Tag mit Fortschrittsbalken; die Haken setzt man selbstgefülltKonturweichGlasNeon

ButtonEin Button mit sanftem Hover-Anheben und DruckzustandgefülltKonturweichGlasNeon

Pfeil-ButtonDer Pfeil gleitet beim Hover nach rechtsgefülltKonturweichGlasNeon

Icon-ButtonEin runder Icon-Button, der sich beim Hover leicht drehtgefülltKonturweichGlasNeon

KippschalterEin Schalter mit federndem Knopf, Tastatur und aria-checkedgefülltKonturweichGlasNeon

KontrollkästchenDas Häkchen zeichnet sich beim Ankreuzen selbstgefülltKonturweichGlasNeon

AuswahlgruppeDrei Optionen, der Auswahlpunkt federt hereingefülltKonturweichGlasNeon

SegmentschalterDie Hervorhebung gleitet zum gewählten SegmentgefülltKonturweichGlasNeon

Filter-ChipsEine Reihe Chips, der gewählte hervorgehoben, Hover hebt angefülltKonturweichGlasNeon

Feld mit schwebender BeschriftungDie Beschriftung schwebt bei Eingabe nach oben, der Rand leuchtet in der SeitenfarbeKonturweichGlasNeon

SuchleisteEin Feld mit Lupe und TastaturhinweisKonturweichGlasNeon

Nachrichtenfeld mit ZählerEin mehrzeiliges Feld, dessen Rand im Fokus leuchtetKonturweichGlasNeon

AuswahlfeldEin natives Auswahlfeld mit eigenem Pfeil und RandKonturweichGlasNeon

Schieberegler mit WertEine gefüllte Spur und eine Zahl, die dem Griff folgtgefülltKonturweichGlasNeon

Newsletter in einer ZeileEin Feld und ein Button in einer KapselgefülltKonturweichGlasNeon

ReiterDie Unterstreichung gleitet zum aktiven Reiter, Pfeiltasten wechselngefülltKonturweichGlasNeon

BrotkrumenEin Pfad durch Abschnitte mit Trennern und der aktuellen SeiteKonturweichGlasNeon

SeitennummerierungSeitenzahlen mit der aktiven und PfeilengefülltKonturweichGlasNeon

FortschrittsschritteDrei Schritte, erledigte abgehakt, der aktuelle hervorgehobengefülltKonturweichGlasNeon

PillenmenüEin horizontales Menü mit dem aktiven Punkt in einer PillegefülltKonturweichGlasNeon

AufklappmenüEin Button öffnet eine Liste; Klick außerhalb und Escape schließen siegefülltKonturweichGlasNeon

Schaltfläche mit GlanzBeim Zeigen läuft ein Lichtstreifen über die SchaltflächegefülltKonturweichGlasNeon

Schaltfläche mit laufendem RahmenEin Verlaufsrahmen kreist um die Schaltfläche und wird beim Zeigen schnellerKonturweichGlasNeon

Schaltfläche mit LadeanzeigeEin Klick zeigt einen Spinner, dann einen Haken „Fertig“, dann kommt sie zurückgefülltKonturweichGlasNeon

SchaltflächengruppeDrei Schaltflächen als ein Block, die aktive hebt sich abgefülltKonturweichGlasNeon

Schwebende AktionsschaltflächeEin Kreis mit Plus; beim Zeigen fährt eine Beschriftung heraus und das Plus dreht sichgefülltKonturweichGlasNeon

Gefällt-mir-SchaltflächeDas Herz füllt sich und hüpft beim Klick, der Zähler steht danebengefülltKonturweichGlasNeon

Schalter mit BeschriftungIm Gleis stehen die Wörter an und aus, der Knopf federt hinübergefülltKonturweichGlasNeon

Karte mit KästchenDie ganze Karte ist das Kästchen: der Rahmen leuchtet auf, der Haken wird gezeichnetgefülltKonturweichGlasNeon

AuswahlkartenDrei Versandwege, einer gewählt; der Auswahlpunkt wandert zum aktivengefülltKonturweichGlasNeon

FarbfelderFarbkreise aus der Palette der Website; der gewählte bekommt einen Ring und wird etwas größergefülltKonturweichGlasNeon

GrößenauswahlKästchen S, M, L, XL; eines ist nicht verfügbar und durchgestrichengefülltKonturweichGlasNeon

ThemenwechselDie Sonne fährt weg, der Mond kommt an; das Gleis wird dunkelgefülltKonturweichGlasNeon

AnsichtswechselListe, Raster, Karte: die Unterlage fährt unter das gewählte SymbolgefülltKonturweichGlasNeon

Plastische SchaltflächeDie Schaltfläche steht auf einem Sockel und drückt sich beim Klick eingefülltKonturweichGlasNeon

Schaltfläche mit PulsVon der Schaltfläche gehen Ringe aus wie von einem Signal und halten beim Zeigen angefülltKonturweichGlasNeon

Feld mit SymbolDas Suchsymbol links leuchtet beim Fokus zusammen mit dem Rahmen aufKonturweichGlasNeon

PasswortfeldDas Auge zeigt und verbirgt das Passwort und ist durchgestrichen, solange es sichtbar istKonturweichGlasNeon

Code-FelderVier Felder, der Cursor springt von selbst weiter, Einfügen verteilt die ZiffernKonturweichGlasNeon

Ablagefläche für DateienEine gestrichelte Fläche mit einer Wolke, die sich beim Zeigen hebtKonturweichGlasNeon

Feld mit SchlagwörternSchlagwörter mit Kreuzen im Feld; das Kreuz nimmt eines schrumpfend herausKonturweichGlasNeon

Liste mit SofortsucheMan tippt, die Liste wird enger; ein leeres Ergebnis sagt es ehrlichKonturweichGlasNeon

Textfeld mit ZählerDer Zeichenzähler sitzt in der Ecke und warnt kurz vor dem LimitKonturweichGlasNeon

Skala von 0 bis 10Elf Bewertungsfelder; das gewählte und alle links davon werden gefülltgefülltKonturweichGlasNeon

WochentageSieben runde Kästchen; die gewählten füllen sich mit FederunggefülltKonturweichGlasNeon

Felder mit PräfixEine Adresse mit https:// und ein Betrag mit Währung; das Präfix gehört zum RahmenKonturweichGlasNeon

Feld mit PrüfungE-Mail: ein Haken erscheint, wenn die Adresse echt wirkt, ein Kreuz, wenn nichtKonturweichGlasNeon

Kopfzeile der WebsiteLogo, Links, eine Schaltfläche und ein Burger, der das Menü auf schmalen Bildschirmen öffnetgefülltKonturweichGlasNeon

MegamenüDer Punkt „Produkt“ öffnet beim Zeigen und beim Fokus eine Tafel aus drei SpaltengefülltKonturweichGlasNeon

SeitenmenüPunkte mit Symbolen, der aktive mit einem Streifen links, ein Zähler beim PosteinganggefülltKonturweichGlasNeon

Untere ReiterleisteVier Reiter wie in einer App; der aktive hebt sein Symbol und zeigt die BeschriftunggefülltKonturweichGlasNeon

Inhaltsverzeichnis„Auf dieser Seite“: Ankerliste, der aktive markiert, beim Zeigen ein SchubsgefülltKonturweichGlasNeon

Nach obenEine runde Schaltfläche, deren Pfeil beim Zeigen hüpftgefülltKonturweichGlasNeon

Fußzeile in SpaltenVier Spalten mit Links, ein Feld zum Abonnieren und die Zeile mit dem Jahr; Links unterstreichen sich von links nach rechtsgefülltKonturweichGlasNeon

Links mit UnterstreichungDie Unterstreichung wächst beim Zeigen aus der Mitte und bleibt unter dem aktiven LinkgefülltKonturweichGlasNeon

AbzeichenEin kleines Statusetikett mit PunktgefülltKonturweichGlasNeon

Hinweis im TextEin Streifen mit Titel, Text und Schließen-ButtongefülltKonturweichGlasNeon

LadekreisEin Ladering mit BeschriftungKonturweichNeon

Drei PunkteDrei Punkte hüpfen nacheinandergefülltweichNeon

LadebalkenEin Balken mit laufendem Lichtstreifen beim LadengefülltweichNeon

Karten-SkelettEin Kartenplatzhalter mit Schimmer, während Daten ladenweichGlas

ToastEin Button zeigt unten zwei Sekunden lang eine NachrichtgefülltKonturweichGlasNeon

FortschrittsbalkenFüllung bis zu einem Wert mit ProzentangabegefülltKonturweichGlasNeon

FortschrittsringEin Ring füllt sich bis zu einem Prozentwert, die Zahl in der MittegefülltweichNeon

KennzahlEine große Zahl, eine Beschriftung und ein WachstumspfeilKonturweichGlasNeon

SternebewertungFünf Sterne, Auswahl per Klick, Hervorhebung beim HovergefülltKonturNeon

MengenzählerMinus, Zahl, Plus: wie im WarenkorbgefülltKonturweichGlasNeon

Avatar-StapelÜberlappende Mitgliederkreise und eine Plus-mehr-BeschriftunggefülltKonturGlasNeon

VorteilskarteEin Icon, ein Titel, ein Text; hebt sich beim HoverKonturweichGlasNeon

KundenstimmeEin Zitat, ein Name, eine Rolle und SterneKonturweichGlasNeon

TarifkarteEin Name, ein Preis, drei Punkte und ein ButtonKonturweichGlasNeon

Schalter monatlich oder jährlichEin Zeitraum-Schalter tauscht die Preise auf den KartengefülltKonturweichGlasNeon

AkkordeonFragen öffnen sich einzeln, der Pfeil dreht sichKonturweichGlasNeon

ZeitleisteEine senkrechte Linie mit Punkten und DatengefülltKonturweichGlasNeon

CTA-BoxEine Überschrift, eine Zeile und ein Button in einer BoxgefülltKonturweichGlasNeon

TastaturtasteEin Tastenkürzel-Hinweis, der sich beim Hover eindrücktKonturweichGlasNeon

KopierfeldEin Code oder Link mit einem Button, der kopiert und bestätigtKonturweichGlasNeon

TooltipEin Hinweis erscheint über dem Wort bei Hover und FokusgefülltGlasNeon

Modaler DialogEin Button öffnet einen abgedunkelten Dialog; Button, Hintergrund und Escape schließen ihnKonturweichGlasNeon

Banner obenEin Ankündigungsstreifen mit Link und Schließen-ButtongefülltKonturweichGlasNeon

Leerer ZustandEin gestrichelter Rahmen, ein Ordnersymbol und eine einzige Aktion; der Ordner öffnet sich beim Zeigen ein StückgefülltKonturweichGlasNeon

LadeschritteVier Zeilen leuchten nacheinander auf: Punkt, Spinner, Haken, und wieder von vorngefülltKonturweichGlasNeon

GerüstlisteDrei Zeilen mit Kreis und Balken, über die ein Schimmer läuftKonturweichGlasNeon

Schließbarer HinweisEine Leiste mit Symbol und Kreuz; sie klappt beim Schließen nach oben zugefülltKonturweichGlasNeon

Status der DiensteVier Dienste mit Punkten: drei in Ordnung, einer gebremst und pulsierendgefülltKonturweichGlasNeon

Jemand tipptEine Chatblase mit drei Punkten, die nacheinander hüpfengefülltKonturweichGlasNeon

Datei wird hochgeladenEine Dateizeile, deren Balken bis 72 % läuft und das Tempo zeigtgefülltKonturweichGlasNeon

ErfolgEin Kreis öffnet sich, der Haken zeichnet sich selbst, die Unterschrift steigt aufgefülltKonturweichGlasNeon

ErfolgsabzeichenEine Medaille mit Funken, die um sie kreisen; beim Zeigen schwingt siegefülltKonturweichGlasNeon

KennzahlenkachelnDrei Zahlen mit Beschriftung und Veränderung; der Pfeil zeigt nach oben oder unten, die Kachel hebt sich beim ZeigengefülltKonturweichGlasNeon

Karte mit MinigrafikEine Zahl und eine dünne Linie über 30 Tage, die sich beim Erscheinen zeichnetgefülltKonturweichGlasNeon

BalkenSieben Balken wachsen nacheinander von unten; der Zeiger verrät den WertgefülltKonturweichGlasNeon

Ring mit AnteilenDrei Anteile im Ring und eine Zahl in der Mitte; die Legende leuchtet beim ZeigengefülltKonturweichGlasNeon

Sortierbare TabelleEin Klick auf die Kopfzeile sortiert die Zeilen, der Pfeil zeigt die RichtunggefülltKonturweichGlasNeon

BestenlisteFünf Plätze mit Medaillen für die ersten drei und einem PunktebalkengefülltKonturweichGlasNeon

Mini-KalenderDer Monat als Raster, heute umringt, der gewählte Zeitraum gefülltgefülltKonturweichGlasNeon

VergleichsbalkenVier waagerechte Balken mit Beschriftung und Prozent; sie wachsen beim Erscheinen von linksgefülltKonturweichGlasNeon

ProduktkarteEin Titelbild mit Marke, Name, Preis und Schaltfläche; beim Zeigen rückt das Bild nähergefülltKonturweichGlasNeon

ProfilkarteAvatar mit Initialen auf einer Kopfzeile mit Verlauf, eine Rolle, drei Zahlen und eine SchaltflächegefülltKonturweichGlasNeon

ArtikelkarteTitelbild, Rubrik, eine Überschrift mit Unterstreichung beim Zeigen, Autor und LesezeitgefülltKonturweichGlasNeon

Hervorgehobenes ZitatEin großes Anführungszeichen in der Farbe der Website, der Text und der Autor mit einem Streifen linksgefülltKonturweichGlasNeon

Reihe von LogosFünf Kundennamen liegen gedämpft da und werden beim Zeigen einer nach dem anderen farbiggefülltKonturweichGlasNeon

Bento-RasterVier Kacheln in verschiedenen Größen; über der berührten Kachel folgt Licht dem ZeigergefülltKonturweichGlasNeon

Eintrag im ÄnderungsprotokollVersion, Datum, die Marken „neu“ und „behoben“ und eine Liste mit Punkten in der Farbe der WebsitegefülltKonturweichGlasNeon

VideovorschauEin Bild im Format 16:9 mit einer Abspielschaltfläche, von der ein Ring ausgehtgefülltKonturweichGlasNeon

ChatblasenDrei Nachrichten: fremde links, eigene rechts in der Farbe der Website, die Uhrzeit daruntergefülltKonturweichGlasNeon

Zeile einer BenachrichtigungEin Symbol, Text mit hervorgehobenem Namen, die Uhrzeit und ein Punkt für UngelesenesgefülltKonturweichGlasNeon

PreistabelleDrei Spalten mit Preisen und Haken, die mittlere hervorgehoben und etwas höhergefülltKonturweichGlasNeon

WendekarteEin Klick dreht die Karte in 3D: vorn die Tatsache, hinten die ErklärunggefülltKonturweichGlasNeon

KarussellDrei Folien, Pfeile und Punkte; das Band fährt mit FederunggefülltKonturweichGlasNeon

Ausfahrbare TafelEine Schaltfläche fährt rechts eine Tafel mit Abdunklung heraus; Kreuz, Hintergrund und Escape schließen sieKonturweichGlasNeon

Karte beim ZeigenAuf den Namen zeigen: eine Karte mit Avatar, Rolle und Schaltfläche taucht aufKonturweichGlasNeon

Untere TafelEine Tafel fährt unten mit Griff heraus wie am Telefon; Hintergrund und Escape schließen sieKonturweichGlasNeon

BefehlszeileEin hausgemachtes Strg K: ein Fenster mit Suche, dessen Liste beim Tippen enger wirdKonturweichGlasNeon

Trenner mit BeschriftungEine Linie mit einem kurzen Wort in der MitteKonturweichGlasNeon

Tag-WolkeTag-Links verschiedener Gewichtung, die beim Hover aufleuchtengefülltKonturweichGlasNeon

Avatar mit StatusInitialen im Kreis mit sanft pulsierendem Online-PunktgefülltKonturGlasNeon

CountdownTage, Stunden, Minuten und Sekunden bis zu einem Datum, die von selbst tickengefülltKonturweichGlasNeon

Dazu fünfzehn offene Bibliotheken

Unter freizügigen Lizenzen übernommen, von Skripten und fremden Adressen befreit, jeder Stil auf sein eigenes Element eingesperrt.

1.104 Schaltflächen865 Ladeanzeigen622 Karten248 Schalter215 Eingabefelder169 Kontrollkästchen131 Formulare103 Muster96 Auswahlknöpfe49 Kurzhinweise38 input37 button35 motion30 dropdown27 footers25 menus23 menu23 select23 tooltip22 Benachrichtigungen22 tabs21 footer21 pagination20 card20 spinners19 indicator19 contact18 avatar18 breadcrumbs18 stats17 badge17 hero17 radio17 steps16 accordions16 badges16 vertical-menu16 testimonials16 content16 feature15 progress15 pricing15 alerts14 mask14 tab14 table14 timeline14 cta14 loader14 Text13 aura13 divider13 range13 textarea13 blog-cards12 checkbox12 collapse12 skeleton12 dividers12 modals12 selects12 textareas12 toasts12 announcements11 alert11 fab11 file-input11 validator11 tables11 features10 accordion10 link10 modal10 navbar10 theme-controller10 toast10 toggle10 button-groups10 empty-states10 grids10 progress-bars10 contact-forms10 empty-content10 avatars9 carousel9 sign-in-and-registration8 rating8 stack8 details-list8 media8 quantity-inputs8 ctas8 feature-grids8 headers8 product-cards8 faq8 sidebar8 header7 countdown7 dock7 kbd7 list7 loading7 stat7 portfolio7 404-pages7 email-templates7 Aufbau6 join6 label6 megamenu6 mockup-code6 otp6 swap6 timelines6 carts6 faqs6 polls6 team-sections6 blog6 cookies6 button-group6 ecommerce6 gallery6 statistic6 step6 team6 testimonial6 call-to-action5 chat5 drawer5 fieldset5 radial-progress5 status5 text-rotate5 radio-groups5 range-inputs5 notification5 404-5005 heroes5 login4 file-uploaders4 filters4 side-menu4 banners4 newsletter-signup4 product-collections4 sections4 teams4 media-object4 blog-list4 forgot-password4 logos4 register4 statistics4 verification3 filter3 hover-3d3 skip-links3 logo-clouds3 heros3 breadcrumb3 form-layout2 diff2 hover-gallery2 mockup-phone2 mockup-window2 analytics-dashboard2 support-inbox2 empty-state2 privacy-terms1 calendar1 animate-duration-delay1 remove-number-input-spinners1 storefront1 navbars

Quellen:Uiverse · MIT · 3.348daisyUI · MIT · 580HyperUI · MIT · 518Meraki UI · MIT · 194Sailboat UI · MIT · 133Tailblocks · MIT · 116Whirl · MIT · 96Kutty · MIT · 68CSSFX · MIT · 45CSShake · MIT · 35Loaders.css · MIT · 29Hamburgers · MIT · 25Epic Spinners · MIT · 20Three Dots · MIT · 20SpinKit · MIT · 12

Setz ein Teil auf deine Seite

Im Builder: Abschnitt öffnen, «Komponenten» oder «Bibliothek» drücken, Karte wählen, einfügen. Beim Entfernen kommt das Dokument Byte für Byte zurück.