Appetit banner
f f

Appetit

Development community

Description

Appétit — An App Store-inspired catalog of free, tiny apps built with agentic engineering and vibecoding. Bon appétit for apps.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Appétit

Appétit

Bon appétit for apps.
An App Store-inspired catalog for your projects — powered by a single JSON file.

Live Demo · Quick Start · Make It Yours


Appétit is a beautiful, browsable app catalog that looks and feels like the Apple App Store. It's built entirely with vanilla HTML, CSS, and JS — no frameworks, no build step, no dependencies. Just edit `apps.json` and deploy.

Features

  • App Store UI — Sidebar navigation, featured carousel, app cards, detail pages with screenshots
  • Dark & Light themes — System preference detection with manual toggle, persisted in localStorage
  • JSON-driven — All apps, categories, and featured items defined in a single apps.json
  • Install modalsbrew install and npx commands with one-click copy to clipboard
  • Categories — macOS, Web, CLI, Developer Tools, Productivity (or define your own)
  • Search — Instant client-side filtering across names, descriptions, and features
  • GitHub stats — Live star and fork counts, updatable with the included update-stats.sh script
  • Responsive — Desktop sidebar collapses on mobile
  • Zero dependencies — Pure HTML/CSS/JS, deploys anywhere as static files

Quick Start

git clone https://github.com/f/appetit.git
cd appetit
python3 -m http.server 8080

Open [localhost:8080](http://localhost:8080) and you're running.

Make It Yours

1. Add your apps

Edit `apps.json`. Each app entry supports:

{
  "id": "my-app",
  "name": "My App",
  "subtitle": "A short tagline",
  "description": "One-liner for list views.",
  "longDescription": "Full description for the detail page.",
  "icon": "https://example.com/icon.png",   // or use iconEmoji: "🚀"
  "iconStyle"