Showcase

What you can build

Interactive components powered by plain JSON files — no database, no build step. Each example below is fully editable by admins and works in every language.
Nibbly Beaver with magic wand Nibbly Beaver with magic wand
01

Event Calendar

Structured data, zero database

Traditional CMS systems need a database for anything beyond simple pages. Nibbly stores structured data — like this event calendar — in plain JSON files. Dates, multilingual text, URLs, images: all in a format you can read, edit, and version-control.
  • Nested objects for multilingual fields
  • Dates, times, URLs, images — any field type
  • Automatic sorting and filtering in PHP
  • Inline-editable by admins, no forms needed
  • Copy the file to deploy — no migrations
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"
    }
  }]
}

Upcoming Events

IEEE CAI 2026
May 8, 2026, 09:00 – May 10, 2026

IEEE CAI 2026

Granada, Spain

International IEEE conference on artificial intelligence with a focus on real-world applications, industry use cases, and current AI developments.

Google I/O 2026
May 19, 2026, 10:00 – May 20, 2026

Google I/O 2026

Mountain View, California, USA / online

Google's developer conference with a strong focus on AI, Gemini, developer tools, platforms, and product-oriented implementations.

AI DevSummit 2026
May 27, 2026, 09:00 – May 28, 2026

AI DevSummit 2026

South San Francisco, California, USA

Technical AI conference for developers, data teams, and engineers focused on production systems, libraries, LLM applications, and enterprise AI.

Data + AI Summit 2026
June 15, 2026, 09:00 – June 18, 2026

Data + AI Summit 2026

San Francisco, California, USA / virtual

Major international event on data engineering, analytics, AI platforms, production pipelines, and scalable applications.

ICML 2026
July 6, 2026, 09:00 – July 11, 2026

ICML 2026

Seoul, South Korea

Globally significant machine learning conference featuring tutorials, expo sessions, the main conference, and workshops.

The AI Conference 2026
September 29, 2026, 09:00 – October 1, 2026

The AI Conference 2026

San Francisco, California, USA

International applied AI conference focused on builders, infrastructure, research, products, and production systems.

Past Events

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

PyTorch Conference Europe 2026

Paris, France

International developer conference focused on PyTorch, open-source AI, model training, optimization, and production use cases.

02

CMS Comparison

How does Nibbly stack up against other content management approaches? A side-by-side look at the trade-offs.

  • Data loaded from a single JSON file
  • Columns and rows are fully configurable
  • Yes/No values rendered as visual icons
  • Labels are multilingual — one file, all languages
  • Highlighted column draws attention to your product
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
Database requireddepends
Build step
Inline editinglimited
Multilingual built-inpluginmanual
Hosting cost$0–3/mo$10+/mo$9+/mo$0–3/mo$0–20/mo
Install size<1 MB60+ MB80+ MBsingle binary200+ MB
RuntimePHPPHP + MySQLNode.js + DBnoneNode.js
Backup methodcopy folderDB dump + filesexport + filescopy folderdepends
03

FAQ

Common questions, answered. An accordion component with smooth open/close animation — stored as a simple JSON array.

  • Question-answer pairs in a single JSON file
  • Smooth CSS-powered expand/collapse animation
  • Fully accessible — keyboard and screen reader friendly
  • Multilingual: all translations in one object
  • Zero JavaScript frameworks — just 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

Pricing Table

Flexible pricing cards with feature lists, badges, and call-to-action buttons — perfect for SaaS landing pages and service overviews.

  • Plans stored as a JSON array with nested features
  • Highlight flag marks one plan as featured
  • Feature lists, prices, and CTAs — all editable
  • Responsive: stacks on mobile, side-by-side on desktop
content/pages/en_showcase.json
"pricing": {
  "plans": [{
    "name": "Starter",
    "price": "$0",
    "features": "Unlimited pages\n...",
    "highlight": false,
    "cta": {
      "text": "Get Started",
      "href": "#"
    }
  }]
}

Open Source

€ 0free forever

The full CMS — no catches, no limits, no surprise paywalls. Ever.

  • Unlimited pages & languages
  • Inline editing & admin dashboard
  • All 11+ block types
  • News / blog system
  • Image & audio management
  • Community support (GitHub)

Starter Setup

€ 1,990*one-time

You have a design or CI — I turn it into a Nibbly website.

  • Your existing design as Nibbly theme
  • Server installation & configuration
  • Domain, SSL & hosting setup
  • Up to 5 pages set up
  • 60-minute video walkthrough
  • 30 days post-launch support
Complete Package

Full Service

€ 4,990*one-time

From zero to a finished website — concept, design, and everything in between.

  • Design briefing & concept development
  • Custom responsive design
  • Full Nibbly theme implementation
  • All pages & content set up
  • Multilingual on request
  • Server setup, domain & SSL
  • 90-minute walkthrough
  • 60 days post-launch support

Care Plan

€ 99*/mo

Someone who takes care of your website — so you don't have to.

  • Nibbly updates when available
  • Backup monitoring & verification
  • Up to 2h content work per month
  • Theme tweaks (CSS, colors, layout)
  • Email support — 24h response

* All prices excl. 20% VAT for EU customers. Reverse charge applies with valid VAT ID.

05

Testimonials

Customer quotes displayed as a card grid — with author, role, and a decorative quote icon. A classic social proof pattern.

  • Quote, author, and role — simple structured data
  • Grid layout adapts from 3 columns to 1 on mobile
  • Decorative SVG quote marks for visual polish
  • Inline-editable: update testimonials without touching code
content/pages/en_showcase.json
"testimonials": {
  "entries": [{
    "quote": "Nibbly replaced our...",
    "author": "Sarah Chen",
    "role": "Web Developer"
  }]
}

Quote

AuthorRole

Quote

AuthorRole

Quote

AuthorRole

Quote

AuthorRole
06

Team Grid

A people directory with avatars, names, roles, and bios. Perfect for about pages, contributor lists, or staff directories.

  • Image, name, role, bio — each field editable
  • Circular avatar with border styling
  • 4-column grid on desktop, 2 on mobile
  • Works with any image source — local or remote
content/pages/en_showcase.json
"team": {
  "members": [{
    "image": {
      "src": "/images/team/sarah.webp",
      "alt": "Sarah Chen"
    },
    "name": "Sarah Chen",
    "role": "Lead Developer",
    "bio": "Builds things..."
  }]
}
Beaver Dam

Justin Beaver

Lead Developer

Builds things that work. Prefers flat files over fat databases.

Dam Builder

Dam Beavorez

Designer

Makes pixels behave. Believes good UI is invisible UI.

Lodge Builder

Beaverly Hills

DevOps

Deploys with rsync and sleeps well at night. Zero downtime advocate.

Tail Slapper

Woody Tailsworth

Documentation

Writes docs that people actually read. Rare skill, freely shared.

07

Feature Grid

Icon-driven feature cards using Nibbly's built-in SVG icon system. No external icon libraries, no extra HTTP requests — just inline SVG from a simple ID.

  • 16 built-in SVG icons, referenced by ID in JSON
  • Icon + title + description per card
  • 3-column grid with hover effects
  • No external dependencies — icons are embedded SVG
content/pages/en_showcase.json
"features": {
  "items": [{
    "icon": "zap",
    "title": "Instant Setup",
    "desc": "Upload, open, edit."
  }]
}

// Available icons:
// database, edit, backup, image, globe,
// link, shield, feather, star, sparkles,
// zap, terminal, upload, server, folder, wand

Instant Setup

Upload the files, open the browser, start editing. No build step, no CLI, no configuration wizard.

Secure by Default

No database means no SQL injection. No plugins means no supply-chain risk. Bcrypt passwords and brute-force protection built in.

Multilingual

Built-in support for any number of languages. All translations live in the same JSON file — no plugins required.

Lightweight

Under 1 MB total. No frameworks, no node_modules, no compile step. Just PHP, HTML, CSS, and a little vanilla JS.

Inline Editing

Click any text, image, or link to edit it directly in the browser. Changes are saved to JSON — no forms, no page reloads.

Flat-File Storage

Content lives in plain JSON files. Back up with cp, deploy with rsync, version with Git. No migrations, ever.

08

Timeline

A vertical changelog with version badges and status indicators — ideal for product roadmaps, release histories, or project milestones.

  • Date, version tag, title, and description per entry
  • Status markers: released (filled) vs. upcoming (dashed)
  • Vertical line connects entries visually
  • Color-coded badges for version and status
content/pages/en_showcase.json
"timeline": {
  "entries": [{
    "date": "March 2026",
    "version": "v1.2",
    "title": "Showcase Components",
    "desc": "New components...",
    "status": "released"
  }]
}
March 2026v1.2

Showcase Components

Pricing tables, testimonials, team grids, feature cards, timelines, stats, and gallery — all driven by JSON.

February 2026v1.1

Inline Editor Overhaul

Undo/redo, batch saving, image uploads, and link editing — all without leaving the page.

January 2026v1.0

Initial Release

Flat-file CMS with multilingual support, event calendar, FAQ accordion, and comparison table.

Q2 2026v1.3upcoming

Plugin Architecture

Hook system for extending Nibbly without modifying core files. Community plugins directory.

Q3 2026v2.0upcoming

Visual Page Builder

Drag-and-drop section ordering, live preview, and template library — all still backed by flat JSON files.

09

News / Blog

A blog-style news feed — write posts in the dashboard, display them anywhere.

  • One JSON file per post in content/news/
  • Title, date, author, excerpt, cover image, and full HTML content
  • Draft/published toggle — hidden posts are invisible to visitors
  • Manage posts from the dashboard — create, edit, delete
content/news/2026-03-21-my-post.json
{
  "title": "My Blog Post",
  "date": "2026-03-21",
  "author": "The Team",
  "excerpt": "A short summary...",
  "image": "/images/cover.jpg",
  "content": "<p>Full HTML...</p>"
}
10

Image Gallery

A responsive image grid with click-to-enlarge lightbox. Captions, alt text, and image sources — all stored in JSON and editable by admins.

  • Responsive grid — 3 columns on desktop, 2 on mobile
  • Click-to-zoom lightbox with keyboard navigation
  • Alt text and captions for accessibility
  • Works with local images or external URLs
content/pages/en_showcase.json
"gallery": {
  "images": [{
    "src": "/images/screenshot.webp",
    "alt": "Dashboard view",
    "caption": "Admin Dashboard"
  }]
}