---
title: "smabar Dev Kit"
description: "Every smabar UI-kit class and convention, live in one flyout: text, buttons, forms, data, charts, surfaces, lists, feedback, disclosure, overlays and icons. The reference for plugin authors and their agents."
canonical: "https://smabar.com/de/store/plugins/dev-smabar/"
lang: de
---

# smabar Dev Kit

> Every smabar UI-kit class and convention, live in one flyout: text, buttons, forms, data, charts, surfaces, lists, feedback, disclosure, overlays and icons. The reference for plugin authors and their agents.

Kanonische HTML-Fassung: https://smabar.com/de/store/plugins/dev-smabar/ · Sprache: de · Herausgeber: smabar (https://smabar.com)

---

Every smabar UI-kit class and convention, live in one flyout: text, buttons, forms, data, charts, surfaces, lists, feedback, disclosure, overlays and icons. The reference for plugin authors and their agents.

- **Version**: v1.0.0
- **Lizenz**: MIT
- **Runtime**: verwaltetes Python
- **OS**: linux, windows, macos
- **Braucht**: nichts Externes
- **Autor**: [@PleasePrompto](https://github.com/PleasePrompto)
- **Repository**: [PleasePrompto/smabar-plugins](https://github.com/PleasePrompto/smabar-plugins) · 0 GitHub-Sterne
- **Aktualisiert**: 2026-09-12T03:10:18Z

## In smabar installieren

Einstellungen › Plugins › Plugin Store öffnen, dann nach dev-smabar suchen. smabar zeigt, was es braucht, und fragt vor der Installation.

Externe Voraussetzungen: keine.

## README

# smabar Dev Kit

Every class and convention of the smabar plugin UI kit, live in one flyout. One tile on the bar, one flyout with twelve collapsible sections, no JavaScript.

## What you see

| Section | Contents |
| --- | --- |
| Bar tile | Rotating tile text, badge, hover card |
| Type & text | Headings, meta, mono, muted and faint text |
| Buttons, chips & tabs | Every button flavour, chips, tab strips |
| Forms | Inputs, selects, switches, ranges and how `data-field` values reach the plugin |
| Data display | Key/value rows, stats, badges |
| Charts & meters | Sparkline, bars, gauges, progress |
| Surfaces & cards | Cards, hero blocks, inner surfaces |
| Lists & timeline | Lists, rows, timeline entries |
| Feedback | Toasts in all four flavours, sent as popups |
| Disclosure & media | `<details>`, carousel, images from `sb-asset:` and `data:` URIs |
| Overlays & menus | `<dialog>` with command invokers, `[popover]`, context menus |
| Layout & icons | Grid helpers, spacing, Lucide icons |

The hero prints how many distinct `sb-*` classes the page uses. Every button answers with a popup instead of a re-render, so the section you opened stays open.

## Settings

`density`: `comfortable` (default) or `compact`.

## For plugin authors

Read `plugin.py` and `kit_sections.py` next to the flyout: each section is the markup that produced it. With an agent connected over MCP, `plugin_guide` and `ui_kit` describe the same classes; this plugin is where you look at them.

Python, no dependencies beyond the smabar SDK. MIT, see the repository root.


gelistet von main bei cc4ae89083b7, aktualisiert vor 3 Stunden

diese Labels sind Fakten, keine Empfehlungen. smabar prüft keinen Plugin-Code; er ist öffentlich, lies ihn selbst.