Showcase

Was du bauen kannst

Interaktive Komponenten auf Basis einfacher JSON-Dateien — keine Datenbank, kein Build-Schritt. Jedes Beispiel ist von Admins vollständig editierbar und funktioniert in jeder Sprache.
Nibbly Beaver mit Zauberstab Nibbly Beaver mit Zauberstab
01

Veranstaltungskalender

Strukturierte Daten, null Datenbank

Herkömmliche CMS-Systeme brauchen eine Datenbank für alles jenseits einfacher Seiten. Nibbly speichert strukturierte Daten — wie diesen Veranstaltungskalender — in einfachen JSON-Dateien. Termine, mehrsprachige Texte, URLs, Bilder: alles in einem Format, das du lesen, bearbeiten und versionieren kannst.
  • Verschachtelte Objekte für mehrsprachige Felder
  • Datum, Uhrzeit, URLs, Bilder — jeder Feldtyp
  • Automatisches Sortieren und Filtern in PHP
  • Inline-editierbar für Admins, keine Formulare nötig
  • Datei kopieren zum Deployen — keine Migrationen
content/events.json
{
  "events": [{
    "date": "2026-04-07",
    "end-date": "2026-04-08",
    "time": "09:00",
    "end-time": "17:00",
    "url": "https://...",
    "image": "/images/event.webp",
    "title": {
      "en": "PyTorch Conference",
      "de": "PyTorch-Konferenz",
      "es": "Conferencia PyTorch"
    },
    "location": {
      "en": "Paris, France",
      "de": "Paris, Frankreich",
      "es": "París, Francia"
    }
  }]
}

Kommende Veranstaltungen

IEEE CAI 2026
8. Mai 2026, 09:00 Uhr – 10. Mai 2026

IEEE CAI 2026

Granada, Spanien

Internationale IEEE-Konferenz zu künstlicher Intelligenz mit Schwerpunkt auf realen Anwendungen, industriellen Einsatzfeldern und aktuellen KI-Entwicklungen.

Google I/O 2026
19. Mai 2026, 10:00 Uhr – 20. Mai 2026

Google I/O 2026

Mountain View, Kalifornien, USA / online

Googles Entwicklerkonferenz mit starkem Fokus auf KI, Gemini, Entwickler-Tools, Plattformen und produktnahe Implementierungen.

AI DevSummit 2026
27. Mai 2026, 09:00 Uhr – 28. Mai 2026

AI DevSummit 2026

South San Francisco, Kalifornien, USA

Technische KI-Konferenz für Entwickler, Data-Teams und Engineers mit Fokus auf produktive Systeme, Libraries, LLM-Anwendungen und Enterprise AI.

Data + AI Summit 2026
15. Juni 2026, 09:00 Uhr – 18. Juni 2026

Data + AI Summit 2026

San Francisco, Kalifornien, USA / virtuell

Großes internationales Event zu Data Engineering, Analytics, KI-Plattformen, produktiven Pipelines und skalierbaren Anwendungen.

ICML 2026
6. Juli 2026, 09:00 Uhr – 11. Juli 2026

ICML 2026

Seoul, Südkorea

Weltweit bedeutende Konferenz für Machine Learning mit Tutorials, Expo, Hauptkonferenz und Workshops.

The AI Conference 2026
29. September 2026, 09:00 Uhr – 1. Oktober 2026

The AI Conference 2026

San Francisco, Kalifornien, USA

Internationale Konferenz für Applied AI mit Fokus auf Builder, Infrastruktur, Forschung, Produkte und produktive Systeme.

Vergangene Veranstaltungen

PyTorch Conference Europe 2026
7. April 2026, 09:00 Uhr – 8. April 2026, 17:00 Uhr

PyTorch Conference Europe 2026

Paris, Frankreich

Internationale Entwicklerkonferenz rund um PyTorch, Open-Source-KI, Modelltraining, Optimierung und produktive Anwendungen.

02

CMS-Vergleich

Wie schlägt sich Nibbly im Vergleich zu anderen Content-Management-Ansätzen? Ein direkter Blick auf die Unterschiede.

  • Daten aus einer einzigen JSON-Datei geladen
  • Spalten und Zeilen frei konfigurierbar
  • Ja/Nein-Werte als visuelle Icons dargestellt
  • Labels sind mehrsprachig — eine Datei, alle Sprachen
  • Hervorgehobene Spalte lenkt den Blick auf dein Produkt
content/comparison.json
{
  "columns": [
    { "id": "nibbly", "highlight": true },
    { "id": "wordpress" }
  ],
  "rows": [{
    "label": {
      "en": "Database required",
      "de": "Datenbank nötig"
    },
    "values": {
      "nibbly": "no",
      "wordpress": "yes"
    }
  }]
}
NibblyWordPressGhostHugoNext.js
Datenbank nötigdepends
Build-Schritt
Inline-Bearbeitunglimited
Mehrsprachigkeit eingebautpluginmanual
Hosting-Kosten0–3 €/mo10+ €/mo9+ €/mo0–3 €/mo0–20 €/mo
Installationsgröße<1 MB60+ MB80+ MBsingle binary200+ MB
LaufzeitumgebungPHPPHP + MySQLNode.js + DBnoneNode.js
Backup-Methodecopy folderDB dump + filesexport + filescopy folderdepends
03

FAQ

Häufig gestellte Fragen, beantwortet. Eine Akkordeon-Komponente mit sanfter Auf-/Zuklapp-Animation — gespeichert als einfaches JSON-Array.

  • Frage-Antwort-Paare in einer einzigen JSON-Datei
  • Sanfte CSS-basierte Auf-/Zuklapp-Animation
  • Vollständig barrierefrei — Tastatur und Screenreader
  • Mehrsprachig: alle Übersetzungen in einem Objekt
  • Keine JavaScript-Frameworks — nur Vanilla JS
content/faq.json
{
  "items": [{
    "question": {
      "en": "Is Nibbly free?",
      "de": "Ist Nibbly kostenlos?",
      "es": "¿Es Nibbly gratis?"
    },
    "answer": {
      "en": "Yes. Open source...",
      "de": "Ja. Open Source...",
      "es": "Sí. Código abierto..."
    }
  }]
}
04

Preistabelle

Flexible Preiskarten mit Feature-Listen, Badges und Call-to-Action-Buttons — perfekt für SaaS-Landingpages und Dienstleistungsübersichten.

  • Pläne als JSON-Array mit verschachtelten Features
  • Highlight-Flag markiert einen Plan als hervorgehoben
  • Feature-Listen, Preise und CTAs — alles editierbar
  • Responsiv: gestapelt auf Mobilgeräten, nebeneinander am Desktop
content/pages/de_showcase.json
"pricing": {
  "plans": [{
    "name": "Starter",
    "price": "0 €",
    "features": "Unbegrenzte Seiten\n...",
    "highlight": false,
    "cta": {
      "text": "Loslegen",
      "href": "#"
    }
  }]
}

Open Source

0 €für immer gratis

Das komplette CMS — ohne Haken, ohne Limits, ohne spätere Kostenfalle. Garantiert.

  • Unbegrenzte Seiten & Sprachen
  • Inline-Editing & Admin-Dashboard
  • Alle 11+ Block-Typen
  • News- / Blog-System
  • Bild- & Audio-Verwaltung
  • Community-Support (GitHub)

Starter Setup

1.990 €*einmalig

Du hast ein Design oder CI — ich mache eine Nibbly-Website daraus.

  • Dein bestehendes Design als Nibbly-Theme
  • Server-Installation & Konfiguration
  • Domain, SSL & Hosting-Setup
  • Bis zu 5 Seiten eingerichtet
  • 60-Minuten Video-Einschulung
  • 30 Tage Support nach Launch
Komplettpaket

Full Service

4.990 €*einmalig

Von null zur fertigen Website — Konzept, Design und alles dazwischen.

  • Design-Briefing & Konzeptentwicklung
  • Individuelles Responsive-Design
  • Komplette Nibbly-Theme-Umsetzung
  • Alle Seiten & Inhalte eingerichtet
  • Mehrsprachig auf Wunsch
  • Server-Setup, Domain & SSL
  • 90-Minuten Einschulung
  • 60 Tage Support nach Launch

Care Plan

99 €*/Monat

Jemand, der sich um deine Website kümmert — damit du es nicht musst.

  • Nibbly-Updates bei Verfügbarkeit
  • Backup-Monitoring & Überprüfung
  • Bis zu 2 Stunden Content-Arbeit pro Monat
  • Theme-Anpassungen (CSS, Farben, Layout)
  • E-Mail-Support — 24h Reaktionszeit

* Alle Preise zzgl. 20 % MwSt. Reverse Charge bei Angabe einer gültigen UID-Nummer.

05

Referenzen

Kundenstimmen als Kartengitter — mit Autor, Rolle und dekorativem Zitat-Icon. Ein klassisches Social-Proof-Muster.

  • Zitat, Autor und Rolle — einfache strukturierte Daten
  • Grid-Layout passt sich von 3 Spalten auf 1 an
  • Dekorative SVG-Anführungszeichen für visuellen Feinschliff
  • Inline-editierbar: Referenzen aktualisieren ohne Code
content/pages/de_showcase.json
"testimonials": {
  "entries": [{
    "quote": "Nibbly hat unsere...",
    "author": "Sarah Chen",
    "role": "Webentwicklerin"
  }]
}

Quote

AuthorRole

Quote

AuthorRole

Quote

AuthorRole

Quote

AuthorRole
06

Team-Grid

Ein Personenverzeichnis mit Avataren, Namen, Rollen und Bios. Perfekt für Über-uns-Seiten, Mitwirkendenlisten oder Mitarbeiterverzeichnisse.

  • Bild, Name, Rolle, Bio — jedes Feld editierbar
  • Runder Avatar mit Rahmen-Styling
  • 4-Spalten-Grid am Desktop, 2 auf Mobilgeräten
  • Funktioniert mit jeder Bildquelle — lokal oder extern
content/pages/de_showcase.json
"team": {
  "members": [{
    "image": {
      "src": "/images/team/sarah.webp",
      "alt": "Sarah Chen"
    },
    "name": "Sarah Chen",
    "role": "Lead-Entwicklerin",
    "bio": "Baut Dinge..."
  }]
}
Biberdamm

Justin Beaver

Lead-Entwicklerin

Baut Dinge, die funktionieren. Bevorzugt Flat Files gegenüber fetten Datenbanken.

Dammbauer

Dam Beavorez

Designer

Bringt Pixel zum Gehorchen. Glaubt, dass gute UI unsichtbare UI ist.

Biberburg

Beaverly Hills

DevOps

Deployt mit rsync und schläft gut. Zero-Downtime-Verfechterin.

Schwanzklatscher

Woody Tailsworth

Dokumentation

Schreibt Docs, die Leute tatsächlich lesen. Seltene Fähigkeit, frei geteilt.

07

Feature-Grid

Icon-basierte Feature-Karten mit Nibblys eingebautem SVG-Icon-System. Keine externen Icon-Bibliotheken, keine zusätzlichen HTTP-Requests — nur Inline-SVG über eine einfache ID.

  • 16 eingebaute SVG-Icons, per ID im JSON referenziert
  • Icon + Titel + Beschreibung pro Karte
  • 3-Spalten-Grid mit Hover-Effekten
  • Keine externen Abhängigkeiten — Icons sind eingebettetes SVG
content/pages/de_showcase.json
"features": {
  "items": [{
    "icon": "zap",
    "title": "Sofortiges Setup",
    "desc": "Hochladen, öffnen, los."
  }]
}

Sofortiges Setup

Dateien hochladen, Browser öffnen, bearbeiten. Kein Build-Schritt, kein CLI, kein Konfigurationsassistent.

Standardmäßig sicher

Keine Datenbank heißt keine SQL-Injection. Keine Plugins heißt kein Supply-Chain-Risiko. Bcrypt-Passwörter und Brute-Force-Schutz eingebaut.

Mehrsprachig

Eingebaute Unterstützung für beliebig viele Sprachen. Alle Übersetzungen in einer JSON-Datei — keine Plugins nötig.

Leichtgewichtig

Unter 1 MB insgesamt. Keine Frameworks, keine node_modules, kein Compile-Schritt. Nur PHP, HTML, CSS und ein wenig Vanilla JS.

Inline-Bearbeitung

Klicke auf Text, Bild oder Link, um direkt im Browser zu bearbeiten. Änderungen werden als JSON gespeichert — keine Formulare, kein Neuladen.

Flat-File-Speicher

Inhalte liegen in einfachen JSON-Dateien. Backup mit cp, Deploy mit rsync, Versionierung mit Git. Keine Migrationen, nie.

08

Zeitstrahl

Ein vertikaler Changelog mit Versions-Badges und Status-Indikatoren — ideal für Produkt-Roadmaps, Release-Historien oder Projekt-Meilensteine.

  • Datum, Versions-Tag, Titel und Beschreibung pro Eintrag
  • Status-Markierungen: veröffentlicht (gefüllt) vs. geplant (gestrichelt)
  • Vertikale Linie verbindet Einträge visuell
  • Farbkodierte Badges für Version und Status
content/pages/de_showcase.json
"timeline": {
  "entries": [{
    "date": "März 2026",
    "version": "v1.2",
    "title": "Showcase-Komponenten",
    "status": "released"
  }]
}
März 2026v1.2

Showcase-Komponenten

Preistabellen, Referenzen, Team-Grids, Feature-Karten, Zeitstrahlen, Statistiken und Galerie — alles JSON-gesteuert.

Februar 2026v1.1

Inline-Editor-Überarbeitung

Undo/Redo, Batch-Speichern, Bild-Uploads und Link-Bearbeitung — alles ohne die Seite zu verlassen.

Januar 2026v1.0

Erstveröffentlichung

Flat-File-CMS mit Mehrsprachigkeit, Veranstaltungskalender, FAQ-Akkordeon und Vergleichstabelle.

Q2 2026v1.3upcoming

Plugin-Architektur

Hook-System zur Erweiterung von Nibbly ohne Änderung der Kerndateien. Community-Plugin-Verzeichnis.

Q3 2026v2.0upcoming

Visueller Page Builder

Drag-and-Drop-Anordnung, Live-Vorschau und Template-Bibliothek — alles weiterhin auf flachen JSON-Dateien basierend.

09

Statistiken & Kennzahlen

Große Zahlen mit Beschriftungen und Beschreibungen — ein Landingpage-Klassiker für die Hervorhebung wichtiger Metriken auf einen Blick.

  • Wert, Beschriftung und optionale Beschreibung pro Metrik
  • Gradient-Texteffekt auf den Zahlen
  • 4-Spalten-Grid, 2 auf Mobilgeräten
  • Perfekt für Landingpages, Dashboards, Berichte
content/pages/de_showcase.json
"stats": {
  "items": [{
    "value": "<500 KB",
    "label": "Installationsgröße",
    "desc": "Das gesamte CMS..."
  }]
}
<1 MBInstallationsgröße

Das gesamte CMS — Templates, Admin-Panel, CSS, JS — in unter einem Megabyte.

0Datenbanken

Kein MySQL, kein PostgreSQL, kein SQLite. Inhalte in JSON-Dateien, lesbar mit jedem Texteditor.

3Sprachen

Eingebaute Mehrsprachigkeit. Weitere Sprachen durch Erstellen eines Verzeichnisses und einer JSON-Datei.

11Block-Typen

Text, Bilder, Karten, Zitate, Listen, Video, Audio, Trennlinien, Abstandshalter — und es werden mehr.

10

Bildergalerie

Ein responsives Bildergitter mit Klick-zum-Vergrößern-Lightbox. Bildunterschriften, Alt-Texte und Bildquellen — alles in JSON gespeichert und von Admins editierbar.

  • Responsives Grid — 3 Spalten am Desktop, 2 auf Mobilgeräten
  • Klick-zum-Zoomen-Lightbox mit Tastaturnavigation
  • Alt-Texte und Bildunterschriften für Barrierefreiheit
  • Funktioniert mit lokalen Bildern oder externen URLs
content/pages/de_showcase.json
"gallery": {
  "images": [{
    "src": "/images/screenshot.webp",
    "alt": "Dashboard-Ansicht",
    "caption": "Admin-Dashboard"
  }]
}