Fertiger Code für deine Projekte. Kopieren, anpassen, loslegen.
Lass deine KI nicht jedes Mal bei null anfangen und dabei Tokens verbrauchen. Hier findest du fertige Spiele, Animationen, Stile und 3D-Szenen. Kopiere den Code, personalisiere ihn für dein Projekt und sag deiner KI genau, womit sie arbeiten soll.
AussuchenStöbere durch Spiele, Animationen, Stile und Bausteine.
KopierenHol dir den Code mit einem Klick, als einzelne HTML-Datei, die sofort läuft.
AnpassenGib ihn deiner KI: „Nimm diesen Code als Grundlage und bau daraus …“ So kommst du schneller ans Ziel.
554 Bausteine, 27 Spiele, Animationsvideos und Blender-Szenen. Alles live berechnet, ohne Bilder oder Tondateien.
So funktioniert’s
In einer Minute vom Baustein zum fertigen Spiel: Bausteine im Mixer wählen, Datei laden, deiner KI geben.
Neu
Was zuletzt dazugekommen ist
SpieleSP
Tippe auf „Spielen“, das Spiel startet direkt hier. Am Etikett siehst du, wo es läuft.
Kobold gegen König
Billard und 17 und 4 für zwei
Zwei Spieler, ein Handy: Ihr stoßt abwechselnd Karten-Kugeln über einen Mosaik-Pooltisch. Jede eingelochte Kugel ist eine Karte, wer näher an 21 kommt, gewinnt die Runde.
Neu am 20. Okt. 2026. Im Mixer entstanden: 6 Bausteine, ein Referenzbild und der Wunsch nach einem Spiel für zwei an einem Handy. So lief es ab:
Poolkescher
Kescher-Spiel
Fisch Blätter, Blüten und Kokosnüsse mit dem Kescher aus dem Pool, bevor das Wasser kippt. Der Tukan malt sich mit deinen Punkten aus, Glühwürmchen lassen den Kescher leuchten.
Aus dem Mixer: fünf Bausteine und ein Foto als Vorlage. Neu am 20. Okt. 2026.
Planetenkraxler
Hügelrennen
Fahr mit Federung und Schwung durch acht Welten: Schnee, Leuchtpilzwald, Seilbrücke, versunkener Tempel und durchs Portal zur Mondbasis. Saltos bringen Münzen, die Garage macht dein Auto stärker, Quests in der Hütte schalten Neues frei.
Im Mixer entstanden: 14 Bausteine und die Idee „Hill-Climb-Rennen durch verschmolzene Welten, der Planet als Ladebildschirm, ein Portal zur Mondbasis, Quests in der Hütte“. So sieht es aus:
Y2K Flipper
Flipper
Flipper im Look eines Streetwear-Fotos: Beton-Spielfeld, Camo-Gehäuse, Chrom-Kugel. Aus Gullys ploppen Knet-Schleime in Stop-Motion. Treffer geben Punkte, der Geist kostet den Multiplikator.
Im Mixer entstanden: 4 Bausteine, ein Referenzbild und der Satz „Mache ein Flipper-Game.“
Münzkatze
Fang-Spiel
Die Katze fängt fallende Münzen in drei Spalten, im Kawaii-Sticker-Look. Jede zehnte Münze gibt Konfetti, drei verpasste und das Spiel ist vorbei.
Für das Video oben entstanden: nur aus der Mixer-Datei, in 5 Minuten gebaut.
Schwindel
Ausweich-Spiel
Gestreifte Ringe wachsen aus einer Hypnose-Spirale auf dich zu, dein Punkt kreist am Rand und muss durch die Lücken. Alles in Schwarz-Weiß: verdrehtes Schachbrett, Moiré, optische Täuschungen.
Stil: Op-Art. Neu am 19. Okt. 2026.
Zen-Schlange
Snake-Spiel
Ein Rechen zieht Furchen durch gerechten Kies, die Furchen sind dein Schwanz. Sammle Kirschblüten und weiche Moosinseln, Steinen und deinen eigenen Linien aus. Ruhig, in Draufsicht, mit Holzrahmen und Kirschzweig.
Stil: Zen-Garten. Neu am 19. Okt. 2026.
Hochrad-Hatz
Laufspiel
Eine Dame auf dem Hochrad rast über Land und springt über Heuballen, Pfützen, Gänse und Zäune. Alles wie im Stummfilm: Sepia, Filmkorn, Kratzer, Flackern und Zwischentitel zwischen den Akten.
Stil: Stummfilm. Neu am 19. Okt. 2026.
Lavalampe
Wachsen-Spiel
Du bist ein Wachsklecks in einer leuchtenden Lavalampe: Zieh ihn zu kleineren Klecksen, um mit ihnen zu verschmelzen, und weich größeren aus. Warmes Wachs als Metaballs, goldener Sockel, 70er-Tapete.
Stil: Lavalampe (70er). Neu am 19. Okt. 2026.
Drehknopf-Labyrinth
Geschicklichkeitsspiel
Linker Knopf waagrecht, rechter Knopf senkrecht: Zeichne eine Linie durchs Labyrinth bis zum Stern, ohne die Wände zu berühren. Nach jedem Level wird die rote Zeichentafel geschüttelt und das Labyrinth feiner.
Stil: Zeichentafel mit Drehknöpfen. Neu am 19. Okt. 2026.
Höhenlinien-Golf
Minigolf
Minigolf auf einer Wanderkarte: Ziehen zum Zielen, loslassen zum Schlagen. Der Ball rollt dem Gelände nach, also lies Höhenlinien, Schummerung und Seen. Neun Bahnen mit Par, vom Sattel bis zum Tafelberg.
Stil: Topografische Karte. Neu am 19. Okt. 2026.
Laserspiegel
Knobelspiel
Dreh die Spiegel per Tippen, bis der Laser alle Kristalle trifft: 12 Level mit festen Spiegeln und Halbspiegeln, jeder Zug zählt. Die Strahlen glühen im Bühnennebel, Staub funkelt im Licht.
Stil: Lasershow im Nebel. Neu am 19. Okt. 2026.
Aero-Blasen
Reaktionsspiel
Glänzende Glasblasen steigen über grüne Hügel auf: Tippe nur die in der angezeigten Farbe, denn die Farbe wechselt ständig. Kombos bringen mehr Punkte. Himmelblau, Wassertropfen, Lichtreflexe und Glas.
Stil: Frutiger Aero. Neu am 19. Okt. 2026.
Seekarten-Puzzle
Schiebepuzzle
Schieb die Kacheln einer alten Seekarte zurecht, erst 3 × 3, dann 4 × 4. Windrose, Rhumbenlinien, Seeungeheuer und Küstenschraffur werden jedes Mal neu gezeichnet. Ist die Karte ganz, segelt ein Schiff hindurch.
Stil: Antike Seekarte. Neu am 19. Okt. 2026.
Sternbilder
Verbinde-Spiel
Licht aus: Die Plastiksterne an der Kinderzimmerdecke leuchten grün nach. Verbinde sie der Reihe nach zu Sternbildern wie dem Schmetterling, bevor sie verblassen.
Stil: Leuchtsterne an der Zimmerdecke. Neu am 19. Okt. 2026.
Stempel-Memory
Memory
Dreh je zwei Karten um und finde alle Paare, in drei Größen nacheinander. Eine Kartoffel stempelt jedes Motiv frisch auf: mit Poren, ausgefransten Rändern, Farbschwankungen und Spritzern auf dem Packpapier.
Stil: Kartoffeldruck. Neu am 19. Okt. 2026.
Kaltstart
3D-Ego-Shooter
Verteidige ein Neon-Dach mit drei Waffen gegen Wellen von Kampfmaschinen und wähle nach jeder Welle eine Verbesserung.
Nur am Computer spielbar, braucht Maus und Tastatur.
Rostwild
3D-Jagdspiel
Jage mit Pfeil und Bogen verwilderte Maschinen in einem offenen Tal, schleich durchs hohe Gras und besiege am Ende den Koloss.
Drohnenhof
3D-Wellen-Shooter
Halte einen Containerhof gegen Drohnenwellen und sammle Heilpakete ein.
Wolkenflitzer
3D-Rennspiel
Rase über Regenbogen-Strecken durch die Wolken, sammle Münzen für den Turbo und fahr gegen die Konkurrenz um den Pokal.
Platz da!
Timing-Spiel
Pump deinen Ballon durch Halten auf und lass rechtzeitig los, um den Gegner von der Plattform zu rammen, bevor er platzt.
Pure Culture
Zeichen-Arcade, Englisch
Zieh in 45 Sekunden Schleifen um Bakterien derselben Art. Gemischte Schleifen kosten dich die Serie.
Algenalarm
Zeichen-Arcade im Schwimmbad
Halte das Becken sauber: Zieh Schleifen um gleiche Teilchen, stapel Schwimmnudeln, spring im richtigen Moment und beantworte die Frage des Tages.
Kullerbahn
3D-Geschicklichkeitsspiel
Halte gedrückt, damit die Kugel rollt, und wisch sie über die schmale Bahn bis ins Ziel, ohne herunterzufallen.
Achterball
3D-Geschicklichkeitsspiel
Roll die Kugel über eine Eisbahn, die hinter dir wegbricht. Wisch, um sie anzudrehen, und bleib in der Spur, bis du im Ziel bist.
Mehr Männchen
Hyper-Casual-Runner
Wisch deine Männchen-Gruppe durch Rechen-Tore, damit sie wächst und den Boss besiegt.
Erst Plus!
Rechen-Puzzle
Zieh die Rechen-Tore in die beste Reihenfolge, bevor deine Männchen hindurchlaufen, damit genug für den Boss übrig sind.
AnimationsvideosAV
Fertige Animationen, mit Remotion gebaut. Den Quellcode kannst du laden und selbst weiterbauen.
Fall and Rise
Remotion · 1080 × 1080 · 60 fps · 6-Sekunden-Loop mit Ton
Eine Figur wird von einem Ball getroffen, fällt hin und steht wieder auf. Die Bewegung läuft über ein eigenes Gelenk-Gerüst, der Ton ist auf den Loop abgestimmt und schließt nahtlos an.
Zum Rendern: ZIP entpacken, npm install, dann npm run render.
Endless Stairs
Remotion · 1080 × 1080 · 60 fps · 8-Sekunden-Loop mit Ton
Bunte Kugeln hüpfen eine Treppe hinunter, die sich im Kreis schließt und nie unten ankommt. Jede Landung spielt einen Shepard-Ton: Die Tonleiter fällt mit jeder Stufe und kommt doch nie unten an.
Zum Rendern: ZIP entpacken, npm install, dann npm run render.
How a Neural Network Learns
Remotion · 1920 × 1080 · 60 fps · 30 Sekunden mit Ton · Englisch
Ein kleines Netz lernt, handgeschriebene Ziffern zu erkennen: raten, prüfen, nachjustieren, wiederholen. Alle Werte im Film stammen aus einem echten Trainingslauf mit 1.797 Ziffern.
Zum Rendern: ZIP entpacken, npm install, dann npm run render. Neu trainieren mit npm run train, dafür braucht Python numpy und scikit-learn.
Motion Design Reel
Remotion · 1920 × 1080 · 60 fps · 15 Sekunden mit Ton · Englisch
Ein kurzes Reel im Präsentationsstil: Zeitplan, Kennzahlen, Diagramm und Formate bauen sich nacheinander auf. Alles ist gerechnet, ohne Stock-Material oder Vorlagen.
Zum Rendern: ZIP entpacken, npm install, dann npm run render. Den Namen im Video änderst du in src/lib.ts.
Motion Principles Reel
Remotion · 1920 × 1080 · 60 fps · 15 Sekunden mit Ton · Englisch
Die Grundlagen der Animation in einem Reel: Stauchen und Strecken, Überschwingen auf einer variablen Schrift, Formwandel und 3D-Partikel, die sich zum Schriftzug ordnen. Alles ist gerechnet, nichts gezeichnet.
Zum Rendern: ZIP entpacken, npm install, dann npm run render. Den Schriftzug änderst du in wordmark.py, danach npm run wordmark.
MarkenfilmeMF
Für Design und Marketing: komplette Markenpräsentationen und Produktfilme als Vorlage und Inspiration. Den Quellcode kannst du laden und für deine eigene Marke anpassen.
Lotwerk Bau – Markenfilm
Python · 1920 × 1080 · 30 fps · 29 Sekunden mit Ton
Ein erfundenes Bauunternehmen: Der Grundriss auf Blaupapier klappt zur isometrischen Baustelle um, der Kran setzt Stockwerk für Stockwerk, bis zum Richtfest und in die Abenddämmerung. Danach Zahlen mit Zollstock, Leistungen und Logo. Kran, Stempel und Hammer haben ihren Ton.
Zum Rendern: ZIP entpacken, die Anleitung steht in LIESMICH.txt. Farben, Schriften und Texte stehen oben im Skript.
Stielo – Markenpräsentation
Python · 1920 × 1080 · 60 fps · 24 Sekunden mit Ton
Eine erfundene Eis-am-Stiel-Marke in sechs Kapiteln: Logo, Sorten, Farben, Schrift, Anwendungen und Schluss. Die Szenen gehen mit einer Schmelz-Blende ineinander über, jeder Biss hat seinen Ton.
Zum Rendern: ZIP entpacken, die Anleitung steht in LIESMICH.txt. Farben, Schriften und Texte stehen oben im Skript.
Orvelle – Markenfilm
Python · 1920 × 1080 · 30 fps · 29 Sekunden mit Ton
Ein erfundenes Modelabel als Materialfilm: Seide, Fischgrat, Leder und Papier, alles berechnet über Höhenkarte, Licht, Schatten, Tiefenschärfe und Filmkorn. Ruhige Klaviertöne tragen die Schnitte.
Zum Rendern: ZIP entpacken, die Anleitung steht in LIESMICH.txt. Farben, Schriften und Texte stehen oben im Skript.
Tavio – Softwarefilm
Python · 1920 × 1080 · 60 fps · 29 Sekunden mit Ton
Produktfilm und Markenauftritt für eine erfundene Schichtplan-App: Die Oberfläche wird Bild für Bild gezeichnet, im Raum gekippt und mit Schatten gesetzt. Klicks, Ziehen und Ablegen und die Push-Nachricht klingen genau im Takt.
Zum Rendern: ZIP entpacken, die Anleitung steht in LIESMICH.txt. Farben, Schriften und Texte stehen oben im Skript.
BlenderBL
3D-Filme, komplett per Skript in Blender gebaut. Szene, Skript und Baukasten kannst du laden und selbst weiterbauen.
Zauberwald
Blender · 1920 × 804 im Kinoformat · 24 fps · 7 Sekunden · ohne Ton
Ein Hase begegnet im nächtlichen Zauberwald einem Freund, zwischen leuchtenden Pilzen, Glühwürmchen und Vollmond. Die ganze Szene entsteht per Python-Skript in Blender, mit echtem Skelett für die Figuren.
Szene neu bauen: blender -b -P zauberwald.py -- --out ordner. Der Baukasten macht aus derselben Figur weitere Einstellungen, getestet mit Blender 4.2 LTS.
Dazu gibt es noch keinen Eintrag.
Tutorials
Hier kannst du eine Anleitung sehen, wie du richtig durchstartest. Wähle die Anleitung für dein Gerät, den Prompt kopierst du direkt hier.
Bausteine auswählen und loslegen
Du brauchst: nur diese Seite und einen KI-Chat.
Stöbere in der Mediathek oder such nach einem Begriff, zum Beispiel „Zahn“ oder „3D“.
Tippe beim Baustein auf „Code kopieren“ oder „Download“. Du bekommst eine einzelne HTML-Datei, die für sich läuft.
Öffne die Datei im Browser oder füge den Code in deinen Editor ein.
Passe Farben, Texte und Tempo an oder lass eine KI das für dich tun.
Die Nummern wie S01 oder X03 bleiben für immer gleich. Du kannst sie dir also notieren und später wieder nutzen.
Du brauchst: Claude Code auf deinem Mac. Node.js prüft Claude für dich.
Das Video gibt es bisher nur auf Englisch.
Terminal öffnen. Drück ⌘ und Leertaste, tippe „Terminal“ und drück die Eingabetaste.
Claude Code starten. Tippe claude und drück die Eingabetaste. Claude Code öffnet sich direkt im Terminal. Claude Code muss dafür schon installiert sein.
Prompt einfügen. Kopiere den Prompt, füge ihn mit ⌘V ein und drück die Eingabetaste. Claude erledigt den Rest.
Bitte installiere für mich den offiziellen Remotion-Skill, global für Claude Code. Geh so vor:
1. Prüfe mit "node -v", ob Node.js installiert ist (Version 18 oder neuer). Falls nicht: Installiere nichts selbst, sondern erkläre mir in einfachen Worten, wie ich Node.js von nodejs.org installiere, und warte auf mich.
2. Führe dann aus:
npx -y skills add remotion-dev/skills -g -a claude-code -y
3. Prüfe danach, ob im Ordner ~/.claude/skills (unter Windows %USERPROFILE%\.claude\skills) Ordner mit "remotion" im Namen liegen.
4. Sag mir zum Schluss kurz, ob es geklappt hat, und dass ich Claude Code einmal neu starten muss, damit der Skill geladen wird.
Falls ein Fehler auftritt, erklär ihn mir einfach und schlag den nächsten Schritt vor.
Fertig. Starte Claude Code einmal neu, damit der Skill geladen wird. Danach gilt er in jedem Ordner.
Android
Remotion-Skill installieren, auf Android mit der Claude-App
Du brauchst: die Claude-App. Dein Projekt muss auf GitHub liegen.
Claude-App öffnen. Tippe auf dem Startbildschirm auf die Claude-App.
Code öffnen, Projekt wählen. Tippe in der Navigation auf „Code“ und wähle dein Repository und den Branch.
Claude den Auftrag geben. Kopiere den Prompt, füge ihn ein und sende ihn ab. Claude erledigt die Installation in der Cloud. Du kannst das Handy dabei weglegen.
Installiere die Remotion-Skills in diesem Projekt mit npx skills add remotion-dev/skills und speichere sie im Repository.
Fertig. Der Skill liegt jetzt in deinem Projekt. Übernimm die Änderung, dann laden ihn neue Sitzungen.
Tutorials
Here you can see how to get started the right way. Pick the guide for your device and copy the prompt right here.
Pick building blocks and get going
You need: just this page and an AI chat.
Browse the library or search for a word, for example “tooth” or “3D”.
Tap “Code kopieren” or “Download” on a building block. You get a single HTML file that runs on its own.
Open the file in your browser or paste the code into your editor.
Change colours, texts and timing, or let an AI do it for you.
Numbers like S01 or X03 never change, so you can note them down and use them again later.
You need: Claude Code on your Mac. Claude checks Node.js for you.
Open Terminal. Press ⌘ and Space, type Terminal, then press Return.
Start Claude Code. Type claude and press Return. Claude Code opens right inside Terminal. Claude Code needs to be installed first.
Paste the prompt. Copy the prompt, paste it with ⌘V and press Return. Claude does the rest.
Please install the official Remotion skill for me, globally for Claude Code. Follow these steps:
1. Run "node -v" to check whether Node.js is installed (version 18 or newer). If it isn't: don't install anything yourself. Instead, explain in simple terms how I can install Node.js from nodejs.org, then wait for me.
2. Then run:
npx -y skills add remotion-dev/skills -g -a claude-code -y
3. Afterwards, check whether folders with "remotion" in their name exist in ~/.claude/skills (on Windows: %USERPROFILE%\.claude\skills).
4. Finally, tell me briefly whether it worked, and remind me to restart Claude Code once so the skill gets loaded.
If an error occurs, explain it in plain language and suggest the next step.
Done. Restart Claude Code once to load the skill. After that it works in every folder.
Android
Install the Remotion skill on Android, with the Claude app
You need: the Claude app. Your project has to be on GitHub.
Open the Claude app. On your home screen, tap the Claude app.
Open Code, pick your project. Tap Code in the navigation, then choose your repository and branch.
Give Claude the task. Copy the prompt, paste it and send it. Claude installs the skill in the cloud. You can put your phone away meanwhile.
Install the Remotion skills in this project with npx skills add remotion-dev/skills and save them to the repository.
Done. The skill is now in your project. Merge the change so new sessions load it.
Mixer
Stell dir dein Spiel Stück für Stück zusammen: Kategorie antippen, wischen, bis dir ein Baustein gefällt, mit dem Haken übernehmen. Mit „+“ holst du den nächsten. Am Ende bekommst du eine Datei mit dem ganzen Code, die du Claude gibst. Claude verbindet alles zu einem Spiel.
Look für alles
Zufalls-MixBausteine
Viele Bausteine: Claude kann dann meist nicht mehr alles sinnvoll verbinden. 5 bis 10 klappen am besten.
Dein erster Zufalls-Mix. Gefällt dir ein Baustein nicht, tippst du auf „Bearbeiten“. Mit „+“ kommt mehr dazu, mit „Shuffle“ mischst du neu. Unten lädst du alles als eine Datei für Claude.
Referenzbilder (freiwillig)
Zeig, wie dein Spiel aussehen soll: ein Foto, ein Screenshot, ein Moodboard. Bis zu 3 Bilder. Beim Laden kommen sie als eigene Dateien mit, gib sie zusammen mit der Datei in den Chat.
Du bekommst eine Textdatei (.md). Zieh sie in den Chat mit Claude oder füge den kopierten Text ein. Claude bekommt den Code aller gewählten Bausteine und den Auftrag, daraus ein Spiel in einer HTML-Datei zu bauen.
Privater Bereich
Diese Spiele sind verschlüsselt und nur mit Passwort spielbar.
Entsperrt bis du den Tab schließt.
Preise
Ansehen, auswählen und spielen ist frei. Für den Code eines Bausteins brauchst du Credits. Einmal freigeschaltet, gehört der Baustein dir: Kopieren und Laden sind danach immer gratis.
Fantasywelten, Sci-Fi-Welten, Gemütliche Orte, Wetter (animierte Hintergründe), Generative Kunst
8 Credits
Stile (komplette Stilwelt)
12 Credits
Animationsvideo als Remotion-Projekt, Blender-Szene
20 Credits
Ganzes Spiel
Kündigen und die Stufe wechseln kannst du jederzeit in deinem Konto. Endet das Abo, verfallen die angesammelten Abo-Credits. Freigeschaltete Bausteine bleiben deine. Gratis, Starter, Plus und Unlimited sind nur für private Projekte. Für Geld verdienende Projekte (Verkauf, Werbung, Kundenaufträge) brauchst du Pro. Details in den Lizenzbedingungen, prüfen kannst du eine Lizenz hier.
Allgemeine Geschäftsbedingungen
§ 1 Geltungsbereich
Diese AGB gelten für die Nutzung von CodeToUse unter codetouse.surfstable.workers.dev und künftigen Adressen von CodeToUse (nachfolgend „Dienst“). Anbieter ist Johannes Tils, Zeppelinstr. 21, 42781 Haan, E-Mail: surfstable@gmail.com (nachfolgend „Anbieter“). Was du mit dem Code machen darfst, regeln ergänzend die Lizenzbedingungen.
§ 2 Leistung
Der Dienst stellt Code-Bausteine, Spiele, Animationsprojekte und Blender-Szenen bereit. Ansehen, Auswählen und Spielen ist ohne Konto kostenlos. Den Code eines Inhalts erhältst du, nachdem du ihn mit Credits oder über ein Abo mit unbegrenzten Freischaltungen freigeschaltet hast. Ein freigeschalteter Inhalt kann danach ohne weitere Kosten erneut kopiert und geladen werden, solange das Konto besteht.
§ 3 Konto
Für Freischaltungen ist ein kostenloses Konto nötig. Die Anmeldung erfolgt mit einer E-Mail-Adresse und einem Einmal-Code, der an diese Adresse gesendet wird; ein Passwort gibt es nicht. Ein Konto ist persönlich und darf nicht mit anderen geteilt werden. Bei Missbrauch, insbesondere bei Weitergabe von Zugängen oder automatisiertem Abruf von Inhalten, kann der Anbieter das Konto sperren.
Du kannst dein Konto jederzeit auf der Seite Konto löschen. Läuft ein Abo, musst du es vorher kündigen. Mit der Löschung verfallen Credits und Freischaltungen. Ausgestellte Lizenznachweise bleiben als Nachweis gültig und prüfbar.
§ 4 Credits
Nach der Registrierung erhältst du einmalig 1 Credit, der nicht verfällt. Weitere Credits gibt es nur über ein Abo. Wie viele Credits ein Inhalt kostet, steht vor dem Freischalten am Inhalt und auf der Seite Preise. Credits haben keinen Geldwert, werden nicht ausgezahlt und sind nicht übertragbar.
§ 5 Abos und Preise
Angeboten werden die Stufen Starter (20 Credits je Monat), Plus (100 Credits je Woche), Unlimited (unbegrenzte Freischaltungen) und Pro (unbegrenzte Freischaltungen und kommerzielle Lizenz). Gratis, Starter, Plus und Unlimited erlauben nur private Nutzung. Die gültigen Preise werden vor dem Abschluss angezeigt und verstehen sich als Endpreise. Die Zahlung wird über den Zahlungsdienstleister Stripe abgewickelt.
Abos laufen einen Monat und verlängern sich automatisch um jeweils einen Monat, wenn sie nicht vorher gekündigt werden. Nicht verbrauchte Abo-Credits bleiben erhalten, solange das Abo läuft. Endet das Abo, verfallen die Abo-Credits; bereits freigeschaltete Inhalte bleiben freigeschaltet. Ein Wechsel der Stufe ist im Kundenportal möglich, die Differenz wird anteilig verrechnet.
§ 6 Kündigung
Du kannst dein Abo jederzeit zum Ende des laufenden Monats kündigen, über „Abo verwalten oder kündigen“ auf der Seite Konto oder per E-Mail an den Anbieter. Bis zum Ende des bezahlten Zeitraums bleiben alle Leistungen erhalten. Für angebrochene Zeiträume gibt es keine anteilige Erstattung, soweit kein Widerrufsrecht besteht.
§ 7 Widerrufsrecht
Verbrauchern steht das folgende Widerrufsrecht zu.
Widerrufsbelehrung
Widerrufsrecht. Sie haben das Recht, binnen vierzehn Tagen ohne Angabe von Gründen diesen Vertrag zu widerrufen. Die Widerrufsfrist beträgt vierzehn Tage ab dem Tag des Vertragsschlusses. Um Ihr Widerrufsrecht auszuüben, müssen Sie uns (Johannes Tils, Zeppelinstr. 21, 42781 Haan, E-Mail: surfstable@gmail.com) mittels einer eindeutigen Erklärung (z. B. eine E-Mail) über Ihren Entschluss, diesen Vertrag zu widerrufen, informieren. Sie können dafür das untenstehende Muster-Widerrufsformular verwenden, das jedoch nicht vorgeschrieben ist. Zur Wahrung der Widerrufsfrist reicht es aus, dass Sie die Mitteilung über die Ausübung des Widerrufsrechts vor Ablauf der Widerrufsfrist absenden.
Folgen des Widerrufs. Wenn Sie diesen Vertrag widerrufen, haben wir Ihnen alle Zahlungen, die wir von Ihnen erhalten haben, unverzüglich und spätestens binnen vierzehn Tagen ab dem Tag zurückzuzahlen, an dem die Mitteilung über Ihren Widerruf dieses Vertrags bei uns eingegangen ist. Für diese Rückzahlung verwenden wir dasselbe Zahlungsmittel, das Sie bei der ursprünglichen Transaktion eingesetzt haben, es sei denn, mit Ihnen wurde ausdrücklich etwas anderes vereinbart; in keinem Fall werden Ihnen wegen dieser Rückzahlung Entgelte berechnet.
Vorzeitiges Erlöschen. Das Widerrufsrecht erlischt bei einem Vertrag über die Bereitstellung von nicht auf einem körperlichen Datenträger befindlichen digitalen Inhalten, wenn wir mit der Vertragserfüllung begonnen haben, nachdem Sie ausdrücklich zugestimmt haben, dass wir vor Ablauf der Widerrufsfrist mit der Vertragserfüllung beginnen, und Sie Ihre Kenntnis davon bestätigt haben, dass Sie durch Ihre Zustimmung mit Beginn der Vertragserfüllung Ihr Widerrufsrecht verlieren. Diese Zustimmung und Bestätigung geben Sie beim Abschluss des Abos ab; mit der Vertragserfüllung beginnen wir, sobald Sie den ersten Inhalt freischalten.
Muster-Widerrufsformular (Wenn Sie den Vertrag widerrufen wollen, füllen Sie bitte dieses Formular aus und senden Sie es zurück.) An: Johannes Tils, Zeppelinstr. 21, 42781 Haan, E-Mail: surfstable@gmail.com Hiermit widerrufe(n) ich/wir (*) den von mir/uns (*) abgeschlossenen Vertrag über die Bereitstellung der folgenden digitalen Inhalte: ______ Bestellt am (*) / erhalten am (*): ______ Name des/der Verbraucher(s): ______ Anschrift des/der Verbraucher(s): ______ Unterschrift des/der Verbraucher(s) (nur bei Mitteilung auf Papier): ______ Datum: ______ (*) Unzutreffendes streichen.
Ende der Widerrufsbelehrung.
§ 8 Nutzungsrechte
Art und Umfang der Nutzung freigeschalteter Inhalte richten sich nach den Lizenzbedingungen. Ohne Pro-Abo ist nur private, nicht kommerzielle Nutzung erlaubt. Mit Pro ist die kommerzielle Nutzung für den im Lizenznachweis genannten Lizenznehmer und Zeitraum erlaubt.
§ 9 Haftung
Der Code wird so bereitgestellt, wie er ist. Prüfe ihn vor dem Einsatz in deinem Projekt. Der Anbieter haftet unbeschränkt bei Vorsatz und grober Fahrlässigkeit sowie bei Verletzung von Leben, Körper oder Gesundheit. Bei leichter Fahrlässigkeit haftet der Anbieter nur bei Verletzung wesentlicher Vertragspflichten und begrenzt auf den vertragstypischen, vorhersehbaren Schaden.
§ 10 Verfügbarkeit und Änderungen
Der Anbieter bemüht sich um eine möglichst unterbrechungsfreie Verfügbarkeit, ein Anspruch darauf besteht nicht. Einzelne Inhalte können überarbeitet, ergänzt oder entfernt werden; bereits freigeschaltete Inhalte bleiben in der zuletzt freigeschalteten Fassung abrufbar, soweit technisch möglich.
Der Anbieter kann diese AGB mit Wirkung für die Zukunft ändern, soweit dies für dich zumutbar ist. Über wesentliche Änderungen wirst du mindestens vier Wochen vorher per E-Mail informiert. Widersprichst du nicht innerhalb dieser Frist, gelten die Änderungen als angenommen; darauf wird in der Mitteilung gesondert hingewiesen. Bei Widerspruch kann jede Seite das Abo zum Ende des laufenden Monats kündigen.
§ 11 Anwendbares Recht und Gerichtsstand
Es gilt das Recht der Bundesrepublik Deutschland. Gegenüber Verbrauchern gilt diese Rechtswahl nur, soweit dadurch nicht zwingende Verbraucherschutzvorschriften des Staates ihres gewöhnlichen Aufenthalts entzogen werden. Ist der Nutzer Kaufmann, juristische Person des öffentlichen Rechts oder öffentlich-rechtliches Sondervermögen, ist Gerichtsstand der Sitz des Anbieters.
§ 12 Salvatorische Klausel
Sollte eine Bestimmung dieser AGB unwirksam sein, bleibt die Wirksamkeit der übrigen Bestimmungen unberührt.
Stand: Oktober 2026
Lizenzbedingungen
Entwurf. Diese Bedingungen werden noch rechtlich geprüft und können sich ändern. English version coming soon.
1. Worum es geht
Diese Bedingungen gelten für alle Inhalte von CodeToUse: Bausteine, Spiele, Animationsvideos samt Quellcode, Blender-Szenen und die Dateien aus dem Mixer. Anbieter ist Johannes Tils, surfstable (siehe Impressum).
2. Frei: ansehen und spielen
Ohne Konto und Credits darfst du alle Inhalte ansehen und die Spiele spielen. Den Code bekommst du, wenn du einen Baustein mit Credits freischaltest.
3. Gratis, Starter, Plus und Unlimited: nur privat
Einen mit Credits oder über Unlimited freigeschalteten Baustein darfst du in eigenen privaten, nicht kommerziellen Projekten verwenden und beliebig verändern. Nicht kommerziell heißt: Du verdienst damit kein Geld, weder direkt noch über Werbung, Verkäufe, In-App-Käufe, Spenden-Aufrufe oder Kundenaufträge.
4. Pro: kommerziell nutzen
Mit dem Pro-Abo darfst du alle Inhalte zusätzlich kommerziell einsetzen, zum Beispiel in Apps, Websites, Spielen und Werbung, auch in Projekten für deine Kunden. Die Lizenz gilt für den Lizenznehmer, der im Lizenznachweis steht, und für den Zeitraum, für den das Abo bezahlt ist.
Für jeden Zeitraum bekommst du in deinem Konto einen Lizenznachweis mit Lizenznummer, Lizenznehmer und Zeitraum. Bewahre ihn auf und leg ihn auf Nachfrage vor. Jeder kann die Lizenznummer unter Lizenz prüfen bestätigen lassen.
Inhalte, die du während eines gültigen Pro-Zeitraums in ein veröffentlichtes Produkt eingebaut hast, darfst du darin auch nach Ende des Abos weiter nutzen. Neue kommerzielle Produkte nach dem Ende brauchen wieder eine gültige Pro-Lizenz.
Wer Inhalte von CodeToUse ohne gültige Pro-Lizenz kommerziell nutzt, verletzt unsere Urheberrechte. Wir behalten uns vor, dagegen vorzugehen, insbesondere Unterlassung und Schadensersatz zu verlangen.
5. Was nie erlaubt ist
Den Code als solchen weiterzuverkaufen oder weiterzugeben, etwa als Vorlage, Baukasten, Code-Sammlung oder Kurs.
Die Inhalte in eine andere Bibliothek oder ein Konkurrenzangebot aufzunehmen.
Den Lizenzhinweis aus dem Quellcode zu entfernen. In deinem fertigen Produkt muss er für Nutzer nicht sichtbar sein.
6. Herkunft der Inhalte
Die Inhalte wurden mit Unterstützung von KI erstellt und von CodeToUse ausgewählt, zusammengestellt und überarbeitet.
7. Gewährleistung
Der Code wird so bereitgestellt, wie er ist. Prüfe ihn vor dem Einsatz in deinem Projekt. Für Schäden aus der Nutzung haften wir nur bei Vorsatz und grober Fahrlässigkeit sowie nach zwingenden gesetzlichen Vorschriften.
8. Fragen
Fragen zur Lizenz oder zu einer Pro-Lizenz: surfstable@gmail.com
Impressum
Angaben gemäß § 5 DDG
Johannes Tils · surfstable Zeppelinstr. 21 42781 Haan
Diese Website setzt keine Cookies und bindet keine externen Analytics-, Werbe- oder Social-Media-Dienste ein. Es findet keine Auswertung deines Nutzungsverhaltens statt. Schriftarten, Programmbibliotheken, Videos und Spiele liegen auf demselben Server wie die Website. Es werden keine Inhalte von Google Fonts oder anderen externen Anbietern nachgeladen.
Speicherung in deinem Browser
Damit deine Auswahl an Bausteinen, Spielstände, Einstellungen in den Spielen, die gewählte Sprache der Tutorials und deine Bestätigung des Hinweises erhalten bleiben, legt die Seite diese Angaben im lokalen Speicher deines Browsers ab (localStorage). Die Daten bleiben auf deinem Gerät und werden nicht an uns übertragen. Du kannst sie jederzeit über die Einstellungen deines Browsers löschen.
Konto, Credits und Freischaltungen
Für Freischaltungen brauchst du ein Konto. Dafür verarbeiten wir deine E-Mail-Adresse, den Zeitpunkt der Registrierung, deinen Credit-Stand mit allen Buchungen, die freigeschalteten Inhalte mit Datum, den Stand deines Abos sowie angemeldete Sitzungen. Den Login-Code und das Anmelde-Token speichern wir nur als Hash. Rechtsgrundlage ist die Erfüllung des Vertrags (Art. 6 Abs. 1 lit. b DSGVO).
Damit du angemeldet bleibst, liegt ein Anmelde-Token im lokalen Speicher deines Browsers (localStorage, Schlüssel „ctu-token“). Es wird beim Abmelden gelöscht. Cookies setzen wir dafür nicht.
Die Daten liegen in einer Datenbank bei Cloudflare (Cloudflare, Inc., 101 Townsend St, San Francisco, CA 94107, USA). Cloudflare ist unter dem EU-US Data Privacy Framework zertifiziert; zusätzlich gelten die Standardvertragsklauseln der EU-Kommission. Mit Cloudflare besteht ein Vertrag zur Auftragsverarbeitung.
Die Daten bleiben gespeichert, bis du dein Konto löschst. Dann löschen wir E-Mail-Adresse, Sitzungen, Credits und Freischaltungen. Zahlungs- und Buchungsdaten bewahren wir ohne E-Mail-Adresse so lange auf, wie es die steuerlichen Aufbewahrungspflichten verlangen (bis zu 10 Jahre, Art. 6 Abs. 1 lit. c DSGVO).
Versand des Login-Codes
Den Login-Code schicken wir über den E-Mail-Dienst Brevo (Sendinblue GmbH, Köpenicker Str. 126, 10179 Berlin). Dafür werden deine E-Mail-Adresse und der Code an Brevo übermittelt. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO. Mit Brevo besteht ein Vertrag zur Auftragsverarbeitung. Werbung schicken wir nicht.
Zahlung über Stripe
Abos bezahlst du über Stripe (Stripe Payments Europe, Ltd., 1 Grand Canal Street Lower, Grand Canal Dock, Dublin, Irland). Beim Bezahlen wirst du auf eine Seite von Stripe weitergeleitet; deine Zahlungsdaten gibst du direkt bei Stripe ein, wir erhalten sie nicht. Wir übermitteln Stripe deine E-Mail-Adresse und erhalten von Stripe den Stand deines Abos, Rechnungen und eine Kundennummer. Stripe kann Daten auch in den USA verarbeiten; Stripe ist unter dem EU-US Data Privacy Framework zertifiziert. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO, für die Betrugsvorbeugung durch Stripe Art. 6 Abs. 1 lit. f DSGVO. Details: stripe.com/de/privacy.
Lizenznachweis (Pro)
Mit dem Pro-Abo erhältst du einen Lizenznachweis. Dafür speichern wir den Namen und ggf. die Firma, die du als Lizenznehmer angibst, den Lizenzzeitraum und die Inhalte, die du in diesem Zeitraum abrufst. Wer die Lizenznummer kennt, kann unter Lizenz prüfen Lizenznehmer, Zeitraum und die Anzahl der abgerufenen Inhalte sehen, nicht aber deine E-Mail-Adresse. Das dient dem Nachweis deines Nutzungsrechts gegenüber Dritten (Art. 6 Abs. 1 lit. b und f DSGVO). Lizenznachweise bleiben auch nach Löschung des Kontos ohne E-Mail-Adresse erhalten, damit sie weiter als Nachweis dienen können; auf Anfrage löschen wir sie, soweit keine Aufbewahrungspflicht entgegensteht.
Kontaktaufnahme per E-Mail
Wenn du uns per E-Mail kontaktierst, werden deine Angaben (E-Mail-Adresse, ggf. Name, Nachrichteninhalt) ausschließlich zur Bearbeitung deiner Anfrage verarbeitet und gespeichert (Art. 6 Abs. 1 lit. b DSGVO). Eine Weitergabe an Dritte erfolgt nicht.
Hosting
Diese Website wird bei einem externen Hosting-Anbieter betrieben. Beim Aufruf der Seite verarbeitet der Anbieter technisch notwendige Server-Logdaten (z. B. IP-Adresse, Zeitpunkt des Zugriffs), um die Website sicher und stabil auszuliefern (Art. 6 Abs. 1 lit. f DSGVO).
Deine Rechte
Du hast das Recht auf Auskunft, Berichtigung, Löschung und Einschränkung der Verarbeitung deiner personenbezogenen Daten sowie ein Recht auf Datenübertragbarkeit. Zudem steht dir ein Beschwerderecht bei der zuständigen Datenschutz-Aufsichtsbehörde zu (Art. 13 Abs. 2 lit. d DSGVO).
Diese Website verwendet keine Tracking-Cookies und lädt keine externen Analytics- oder Werbedienste. Deine Auswahl und Spielstände bleiben in deinem Browser. Nur wenn du ein Konto anlegst, speichern wir dafür deine E-Mail, Credits und Freischaltungen. Mehr dazu in der Datenschutzerklärung.