Experimente, Prototypen und verspielter Code aus unserem Team. Kleine Dinge, die wir bauen, um Ideen auszuprobieren, unser Handwerk zu schärfen und ein bisschen Spaß zu haben – alles live in Ihrem Browser, geschrieben in reinem JavaScript und Canvas, ganz ohne Bibliotheken.
Tippen Sie ein beliebiges Wort ein, auf Englisch oder Arabisch, und eine Partikelwolke formt es nach.
Animierte Canvas-Fläche: kleine weiße und rote Partikel fliegen herein und formen das Wort aus dem Textfeld. Fährt der Zeiger darüber, weichen sie aus und federn dann zurück.
So geht’s: ein Wort eintippen, dann mit Cursor oder Finger hindurchfahren
Partikel treiben durch ein animiertes Rauschfeld und ziehen markenrote Spuren hinter sich her.
Animierte Canvas-Fläche: dünne rote und weiße Linien strömen über einen dunklen Hintergrund und folgen sanften, sich langsam verändernden Strömungen. Ein Klick erzeugt ein neues zufälliges Feld.
So geht’s: bewegen oder ziehen, um die Strömung aufzuwirbeln; tippen oder klicken für ein neues Feld
Erzeugen Sie eine harmonische Fünf-Farben-Palette, fixieren Sie die Farben, die Ihnen gefallen, und prüfen Sie deren WCAG-Kontrast.
Fünf Farbfelder. Jedes zeigt seinen HEX-Code (zum Kopieren anklicken), sein Kontrastverhältnis zu Weiß und Schwarz mit WCAG-AA-Badge und einen Schloss-Button, der die Farbe beim Generieren einer neuen Palette beibehält.
So geht’s: Leertaste oder „Generieren“ drücken; einen Code anklicken oder antippen, um ihn zu kopieren
Ein Feld aus Punkten an Federn, das sich wie ein Magnet um Ihren Cursor biegt.
Animierte Canvas-Fläche: ein gleichmäßiges Raster aus kleinen Punkten, verbunden durch feine Linien. In der Nähe des Zeigers werden die Punkte zur Seite gedrückt und färben sich rot, dann schwingen sie an ihren Platz zurück. Ein Klick schickt eine ringförmige Welle durch das Raster.
So geht’s: mit der Maus darüberfahren oder ziehen; tippen oder klicken für eine Schockwelle
Tag wählen
Wer kommt mit?
Ihre Tour prüfen
Nur ein Prototyp: keine Preise, keine Zahlung, es wird nichts gesendet.
Das war schon der ganze Ablauf.
In einem echten Projekt würde diese Anfrage im Dashboard des Veranstalters und auf WhatsApp landen. Hier ist es nur eine Demo – es wurde nichts gebucht.
Ein zweisprachiger Buchungsablauf für Tagesausflüge – Tour, Datum, Gäste, Übersicht – als Prototyp für Reiseveranstalter.
So geht’s: durch die Schritte klicken – gebucht wird nichts
Dieselbe Sorgfalt steckt in den Produkten, die wir ausliefern: schnell geladen, schonend für den Akku und für alle nutzbar.