Skip to content

Apps Widget

Displays a configurable grid of app shortcuts with icons and names. Useful as a quick-launch panel for self-hosted services or any web app — local or external.

Configuration

No API key required. All configuration is done in Settings → Widgets → Apps.

KeyTypeDefaultDescription
appsAppEntry[][]List of apps to display
columnsnumber4Number of grid columns (2–6)
hideHeaderbooleanfalseHide the widget title bar
defaultCollapsedbooleanfalseStart collapsed

App entry fields

FieldTypeDescription
namestringDisplay name shown below the icon
urlstringLink target (local or external URL)
descriptionstringOptional tooltip text shown on hover
iconValuestringIcon URL (preset CDN, uploaded file, or any URL)
openInNewTabbooleanOpen link in a new browser tab

Adding apps

  1. Open Settings → Widgets and click the configure (gear) icon on the Apps widget.
  2. Fill in the Name and URL fields (required).
  3. Optionally add a Description (shown as a tooltip on hover).
  4. Choose an icon:
    • Preset — searchable list of ~60 popular self-hosted services using the selfh.st/icons library.
    • URL — paste any image URL directly.
    • Upload — upload a local image file (PNG, JPG, GIF, SVG, WebP, ICO). The file is stored in data/icons/ on the server.
  5. Click Add App, then Save Changes.

Icon sources

Preset icons are fetched from the selfh.st CDN at:

https://cdn.jsdelivr.net/gh/selfhst/icons/png/{service-name}.png

Uploaded icons are served by the server at /api/icons/{filename} and stored in data/icons/.

Notes

  • Apps can link to external URLs — there is no requirement that the app be on the same server.
  • The widget displays apps in the order they were added. To reorder, remove and re-add.
  • If a preset icon fails to load (network issue or unknown slug), it falls back to a placeholder icon.

Personal Homepage Dashboard