Interactive Components

Beyond basic content blocks, nibbly includes ready-made components for common website patterns. Each component is rendered by a PHP function and populated from JSON data.

Feature Grid

Icon-driven feature cards arranged in a responsive grid.

No Database

Content lives in JSON files. Back up by copying a folder.

Inline Editing

Click any text on the page to edit it. No backend forms.

Automatic Backups

Every save creates a timestamped backup you can restore.

Multi-Language

Built-in support for multiple languages. No plugins needed.

Zero Dependencies

No Composer, no npm. Just PHP and a web server.

Clean URLs

SEO-friendly paths that work on Apache and the dev server.

Stats

Highlight key figures at a glance.

0Dependencies

< 500 KBInstall Size

11+Block Types

< 5 minSetup Time

Buttons & Links

Three call-to-action styles for different emphasis levels. Each is an editable link — click while in edit mode to change text and target.

Testimonials

Customer quotes displayed as cards.

We replaced our old CMS in an afternoon. No database migration, no plugin conflicts. Just upload and go.

Alex DemoWeb Developer

My client figured out the inline editor in five minutes. That never happened with WordPress.

Jordan ExampleAgency Owner

Flat files mean I can version-control everything with Git. Rollback a content change? Just git revert.

Sam PlaceholderFull-Stack Developer

Team Grid

A people directory with names, roles, and bios.

Alex Demo

Alex Demo

Developer

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

Jordan Example

Jordan Example

Designer

Makes pixels behave. Believes good UI is invisible UI.

Sam Placeholder

Sam Placeholder

Documentation

Writes docs that people actually read. A rare and valuable skill.

Taylor Test

Taylor Test

DevOps

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

FAQ Accordion

Collapsible question-and-answer pairs.

Timeline

A vertical changelog for milestones or version history.

Todayv1.0

Installation Complete

nibbly is installed and ready to use. Start editing content directly in the browser.

NextStep 2upcoming

Customize Your Site

Replace demo content with your own. Adjust colors, fonts, and layout via CSS custom properties.

ThenStep 3upcoming

Go Live

Upload to your server and share with the world. Any PHP hosting works.

Upcoming Events

January 7, 2027, 09:00 – January 8, 2027, 16:00

Placeholder Playground (demo)

Demo City

Placeholder event. Delete or edit it in the admin panel under Events.

These examples use nibbly's structured component helpers: renderFeatureGrid(), renderStats(), renderTestimonials(), renderTeamGrid(), renderFaqAccordion(), renderTimeline(), and renderEventList(). Standard page content is still handled by renderAllSections() and the individual block renderers.