Widgets — Widget-Storm Öffentliche Widget-Übersicht

Diese Seite zeigt alle öffentlich verfügbaren Widgets im Widget-Storm System. Öffentliche Widgets können von jedem registrierten Nutzer frei in eigene Projekte eingebunden werden.

Support-Chat für Ihre Website: 4,99 € einmalig, mit Live-Demo auf dieser Seite.

Zum Support-Chat ↓

Gesamtpreis. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.

Showcase — Widgets zum Ausprobieren

Diese Widgets sind Live-Demos — sie laufen direkt hier auf dieser Seite. Jedes Widget ist vollständig parametrierbar und kann in eigene Projekte eingebunden werden.

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_countdown&a=WidgetStormSystem&p=%7B%22target%22%3A%222027-01-19T00%3A00%3A00%22%2C%22title%22%3A%22N%C3%A4chster%20Meilenstein%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_countdown", "WidgetStormSystem", '{"target":"2027-01-19T00:00:00","title":"Nächster Meilenstein"}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_dice&a=WidgetStormSystem&p=%7B%22sides%22%3A6%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_dice", "WidgetStormSystem", '{"sides":6}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_flipcard&a=WidgetStormSystem&p=%7B%22front%22%3A%22Was%20ist%20das%3F%22%2C%22back%22%3A%22Widgets%20f%C3%BCr%20das%20Web%20%E2%80%94%20seit%202008.%22%2C%22fronticon%22%3A%22%E2%98%85%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_flipcard", "WidgetStormSystem", '{"front":"Was ist das?","back":"Widgets für das Web — seit 2008.","fronticon":"★"}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_progress&a=WidgetStormSystem&p=%7B%22percent%22%3A78%2C%22label%22%3A%22Projektfortschritt%22%2C%22animate%22%3Atrue%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_progress", "WidgetStormSystem", '{"percent":78,"label":"Projektfortschritt","animate":true}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_typing&a=WidgetStormSystem&p=%7B%22text%22%3A%22Widget%20Storm%20%E2%80%94%20Bausteine%20f%C3%BCr%20das%20Web%2C%20seit%202008.%22%2C%22speed%22%3A50%2C%22loop%22%3Atrue%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_typing", "WidgetStormSystem", '{"text":"Widget Storm — Bausteine für das Web, seit 2008.","speed":50,"loop":true}', "php"); ?>

Kostenlose Widgets mit echtem Mehrwert (erfüllen unsere Enterprise-Richtlinien)

Widgets mit eingebauter Sicherheit, Persistenz und Authentifizierung — bereit für den produktiven Einsatz. Demos ausprobieren ↓

Braucht PHP auf Ihrem Server. Nutzen Sie den PHP-Include unten.

<?php include "wgclient.php"; $wg->get("wg_todo", "WidgetStormSystem", '{"key":"IHR_KEY","title":"Meine Aufgaben"}', "php"); ?>

ToDo-Liste wg_todo

Persistente Aufgabenliste mit eingebauter Authentifizierung, AES-256-Verschlüsselung und Brute-Force-Schutz — komplett ohne Backend.

AES-256-Verschlüsselung der Datendatei — der Schlüssel liegt in der Konfigurationsdatei daneben: Das schützt eine einzeln kopierte oder gesicherte Datendatei, nicht gegen Zugriff auf den Server selbst
Schlüsselbasierte Authentifizierung mit Brute-Force-Schutz
SQLite oder Dateisystem — automatische Erkennung
Preflight-Checks — prüft Berechtigungen und Abhängigkeiten vor dem Setup
Kein eigenes Backend, kein Framework, keine Datenbank einzurichten. Läuft auf Ihrem PHP-Server.

Aufgaben 2 offen, 1 erledigt

☐ Parameter anpassen
☐ Widget einbinden
☑ Widget-Storm entdecken

Mit dem Admin-Schlüssel können Sie diese Liste direkt im Browser bearbeiten — kein separates Backend nötig. Ohne Schlüssel bleibt sie serverseitig geschützt.

Braucht PHP auf Ihrem Server. Nutzen Sie den PHP-Include unten.

<?php include "wgclient.php"; $wg->get("wg_guestbook", "WidgetStormSystem", '{"key":"IHR_KEY","title":"Mein Gästebuch"}', "php"); ?>

Gästebuch wg_guestbook

Moderiertes Gästebuch mit Besucher-Interaktion, Honeypot-Spam-Schutz, IP-Rate-Limiting und AES-256-Verschlüsselung.

AES-256-Verschlüsselung der Datendatei — der Schlüssel liegt in der Konfigurationsdatei daneben: Das schützt eine einzeln kopierte oder gesicherte Datendatei, nicht gegen Zugriff auf den Server selbst
Moderationsmodus — Einträge erst nach Freischaltung sichtbar
Honeypot-Spam-Schutz — unsichtbares Feld fängt Bots ab
IP-basiertes Rate-Limiting — max. 3 Einträge pro Stunde, IP nur als Hash
Brute-Force-Schutz für Admin-Zugang mit Lockout
Kein eigenes Backend, kein Framework, keine Datenbank einzurichten. Läuft auf Ihrem PHP-Server.

Gästebuch 2 Einträge

Widget-Storm 16.03.2026 00:11

Willkommen im Gästebuch! Hinterlassen Sie gerne einen Eintrag.
Besucher 16.03.2026 00:11

Tolle Website — weiter so!

Premium (kostenpflichtig)

Fast alles hier ist kostenlos. Dieses nicht. Unten können Sie die Besucherseite ausprobieren. Die Demo läuft live auf dieser Seite und speichert nichts.

Support-Chat wg_chat

Einbettbarer Chat mit verschlüsseltem Verlauf. Löst das Problem, an dem eingebettete Chats sonst scheitern: die Sitzung zu behalten, ohne auf Third-Party-Storage angewiesen zu sein.

Verlauf AES-256-verschlüsselt auf Ihrem eigenen Server — SQLite oder Datei, automatisch erkannt
Sitzung überlebt den Reload OHNE Third-Party-Cookies, CHIPS oder iframe-Storage
Im Browser liegt nur eine HMAC-signierte Konversations-ID — kein Token, keine Berechtigung, nicht anderswo verwendbar
Betreiber-Ansicht mit Schlüssel-Login, Brute-Force-Sperre und Konversationsübersicht
Honeypot und IP-Rate-Limiting gegen Spam
Reines Vanilla-JavaScript — zieht keine Bibliothek in fremde Seiten
Kein eigenes Backend, kein Framework, keine Datenbank einzurichten. Läuft auf Ihrem PHP-Server.

4,99 € einmalig · keine Abogebühr · unbegrenzte Nutzung Gesamtpreis. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.

Jetzt kaufen

Zahlung über Stripe. Ein Widget-Storm-Konto wird benötigt — das Widget läuft über Ihren eigenen wghandler. Freischaltung erfolgt sofort nach Zahlungseingang. Es gelten unsere AGB; die Widerrufsbelehrung erhalten Sie vor dem Kauf.

Für Agenturen: die Agentur-Lizenz für beliebig viele Websites Ihrer Kunden, 49,00 € einmalig, nur für Unternehmer.

Support-Chat — Demo Demo — flüchtig

Hallo! Wie können wir helfen?

Diese Demo speichert nichts. Die bezahlte Fassung hält den Verlauf verschlüsselt auf Ihrem eigenen Server.

4,99 € einmalig · keine Abogebühr · unbegrenzte Nutzung Gesamtpreis. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.

Jetzt kaufen

Die bezahlte Fassung im Video, ohne Ton: Ein Besucher schreibt, Sie antworten in Ihrer Betreiber-Ansicht, die Antwort erscheint beim Besucher nach wenigen Sekunden, und auf der nächsten Seite ist das Gespräch noch da. Aufgenommen auf einer Testseite mit dem ausgelieferten Code.

Demos — Verstehen, wie Widgets funktionieren können

Entdecken Sie einige unserer Widgets, die Enterprise-Richtlinien erfüllen, hier auf der Seite in einer geöffneten Variante — von der Ersteinrichtung über den Bearbeitungsmodus bis zur Besucheransicht.

ToDo-Liste wg_demo_todo

Rechts sehen Sie alle drei Zustände des ToDo-Widgets:

1. Ersteinrichtung — Beim ersten Aufruf generiert das Widget einen Admin-Schlüssel und richtet den verschlüsselten Speicher ein. Der Schlüssel wird einmalig angezeigt.

2. Bearbeitungsmodus — Mit dem Schlüssel können Aufgaben hinzugefügt, abgehakt und gelöscht werden. Alle Änderungen werden AES-256-verschlüsselt gespeichert.

3. Besucheransicht — Ohne Schlüssel ist die Liste schreibgeschützt. Über das Schloss-Symbol kann der Admin sich direkt im Browser freischalten.

Alles passiert im Widget auf Ihrem PHP-Server. Kein eigenes Backend, kein Framework, keine Konfiguration.

1. Ersteinrichtung

Demo-Aufgaben — Einrichtung

Widget wurde eingerichtet. Ihr Admin-Schlüssel:

a1b2c3d4e5f6a7b8c9d0e1f2

So verwenden Sie den Schlüssel:

<?php $wg->get("wg_todo", "WidgetStormSystem",
  '{"uid":"meine_liste","key":"a1b2c3d4e5f6a7b8c9d0e1f2","title":"Meine Aufgaben"}'); ?>

Oder einfach als URL-Parameter anhängen:

https://ihre-seite.de/seite?wg_todo_key=a1b2c3d4e5f6a7b8c9d0e1f2

Mit key → Bearbeitungsmodus.
Ohne key → schreibgeschützte Ansicht.

Speicher: SQLite oder Datei + AES-256-Verschlüsselung.

2. Bearbeitungsmodus (mit Admin-Schlüssel)

Demo-Aufgaben 2 offen, 1 erledigt

☐Widget einbinden
☐Parameter anpassen
☑Widget-Storm entdecken

3. Besucheransicht (ohne Schlüssel)

Demo-Aufgaben 2 offen, 1 erledigt

☐Widget einbinden
☐Parameter anpassen
☑Widget-Storm entdecken

Mit dem Admin-Schlüssel können Sie diese Liste direkt im Browser bearbeiten — kein separates Backend nötig. Ohne Schlüssel bleibt sie serverseitig geschützt.

Gästebuch wg_demo_guestbook

Rechts sehen Sie alle drei Zustände des Gästebuch-Widgets:

1. Ersteinrichtung — Das Widget generiert einen Admin-Schlüssel und erklärt Spam-Schutz, Moderation und Verschlüsselung.

2. Moderationsansicht — Der Admin sieht alle Einträge, auch ausstehende. Freischalten oder Löschen mit einem Klick.

3. Besucheransicht — Besucher sehen nur freigeschaltete Einträge und können selbst schreiben. Ein Honeypot und Rate-Limiting schützen vor Spam.

IP-Adressen werden nur als SHA-256-Hash gespeichert — Datenschutz ist eingebaut, nicht nachgerüstet.

1. Ersteinrichtung

Demo-Gästebuch — Einrichtung

Gästebuch eingerichtet. Ihr Admin-Schlüssel:

f1e2d3c4b5a6f7e8d9c0b1a2

So verwenden Sie den Schlüssel:

<?php $wg->get("wg_guestbook", "WidgetStormSystem",
  '{"uid":"mein_gb","key":"f1e2d3c4b5a6f7e8d9c0b1a2","title":"Gästebuch"}'); ?>

Oder als URL-Parameter:

https://ihre-seite.de/seite?wg_guestbook_key=f1e2d3c4b5a6f7e8d9c0b1a2

Mit key → Moderationsmodus.
Ohne key → Besucheransicht.

Speicher: SQLite oder Datei + AES-256.
Spam-Schutz: Honeypot + Rate-Limiting.
Moderation: Einträge erst nach Freischaltung sichtbar.

2. Moderationsansicht (mit Admin-Schlüssel)

Demo-Gästebuch 2 Einträge · 1 ausstehend

Neuer Besucherausstehendgerade eben

Bin gespannt auf mehr Widgets!
Widget-Storm16.03.2026 01:00

Willkommen im Gästebuch!

3. Besucheransicht (ohne Schlüssel)

Demo-Gästebuch 1 Eintrag

Widget-Storm16.03.2026 01:00

Willkommen im Gästebuch!

Mit dem Admin-Schlüssel können Sie Einträge direkt im Browser moderieren — kein separates Backend nötig. Ohne Schlüssel bleibt die Moderation serverseitig geschützt.

Tutorial-Widgets

Diese Widgets verwenden wir in unserem Tutorial. Sie können sie ebenso frei in Ihren eigenen Projekten einsetzen.

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_badge&a=WidgetStormSystem&p=%7B%22text%22%3A%22Neu%22%2C%22variant%22%3A%22success%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_badge", "WidgetStormSystem", '{"text":"Neu","variant":"success"}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_button&a=WidgetStormSystem&p=%7B%22text%22%3A%22Klick%20mich%22%2C%22variant%22%3A%22primary%22%2C%22size%22%3A%22md%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_button", "WidgetStormSystem", '{"text":"Klick mich","variant":"primary","size":"md"}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_card&a=WidgetStormSystem&p=%7B%22title%22%3A%22Beispiel-Karte%22%2C%22description%22%3A%22Eine%20Karte%20mit%20Titel%20und%20Beschreibung.%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_card", "WidgetStormSystem", '{"title":"Beispiel-Karte","description":"Eine Karte mit Titel und Beschreibung."}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_codeview&a=WidgetStormSystem&p=%7B%22lang%22%3A%22php%22%2C%22caption%22%3A%22PHP-Beispiel%22%2C%22code%22%3A%22%3C%3Fphp%20echo%20%5C%22Hallo%20Welt%5C%22%3B%20%3F%3E%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_codeview", "WidgetStormSystem", '{"lang":"php","caption":"PHP-Beispiel","code":"<?php echo "Hallo Welt"; ?>"}', "php"); ?>

<?php echo "Hallo Welt"; ?>

PHP-Beispiel

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_diagram&a=WidgetStormSystem&p=%7B%22variant%22%3A%22lifecycle%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_diagram", "WidgetStormSystem", '{"variant":"lifecycle"}', "php"); ?>

📝

Developer

PHP + CSS + JS

→

📤

wghandler

Upload & Encrypt

→

🗄

Server

DB + CodeVault

🌐

User-Website

Rendered Widget

←

🔗

wgclient

CSS | JS | PHP

←

⚡

Render

eval + compose

Braucht PHP auf Ihrem Server. Nutzen Sie den PHP-Include unten.

<?php include "wgclient.php"; $wg->get("wg_liveeditor", "WidgetStormSystem", '{"code":"<b>Live</b> bearbeiten","lang":"html"}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_section&a=WidgetStormSystem&p=%7B%22title%22%3A%22Abschnitt%22%2C%22contenthtml%22%3A%22Inhalt%20eines%20gestalteten%20Bereichs.%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_section", "WidgetStormSystem", '{"title":"Abschnitt","contenthtml":"Inhalt eines gestalteten Bereichs."}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_step&a=WidgetStormSystem&p=%7B%22number%22%3A%221%22%2C%22title%22%3A%22Erster%20Schritt%22%2C%22contenthtml%22%3A%22Hier%20beginnt%20die%20Anleitung.%22%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_step", "WidgetStormSystem", '{"number":"1","title":"Erster Schritt","contenthtml":"Hier beginnt die Anleitung."}', "php"); ?>

Auf jeder Website — Script-Tag, kein PHP nötig

<script src="https://widget-storm.de/wgembed.php?w=wg_tabpanel&a=WidgetStormSystem&p=%7B%22tabs%22%3A%5B%7B%22id%22%3A%22a%22%2C%22label%22%3A%22Tab%20A%22%2C%22content%22%3A%22Inhalt%20A%22%7D%2C%7B%22id%22%3A%22b%22%2C%22label%22%3A%22Tab%20B%22%2C%22content%22%3A%22Inhalt%20B%22%7D%5D%7D"></script>

Oder als PHP-Include (eigener wgclient)

<?php include "wgclient.php"; $wg->get("wg_tabpanel", "WidgetStormSystem", '{"tabs":[{"id":"a","label":"Tab A","content":"Inhalt A"},{"id":"b","label":"Tab B","content":"Inhalt B"}]}', "php"); ?>

Widgets auf Ihrer Website nutzen

Um Widgets in Ihre eigene Website einzubinden, benötigen Sie einen wgclient — eine personalisierte PHP-Datei, die als Brücke zwischen Ihrer Website und dem Widget-Storm System dient.

Registrieren Sie sich kostenlos in der Widget-Storm Station
Melden Sie sich mit Ihren Zugangsdaten an
Laden Sie Ihren persönlichen wgclient.php herunter
Platzieren Sie die Datei zusammen mit wghandler.php auf Ihrem Webserver

Zur Station →