sdpi-components.dev

What It Is

SDPI Components is a Web Components library for the Elgato Stream Deck plugin Property Inspector. Its core goal is to help plugin developers write less settings UI code by wrapping common HTML input elements into consistent, easy-to-use components designed around persistent plugin configuration. The page emphasizes that it is designed by plugin developers and users, with a focus on consistent UX, accessibility, and beginner-friendliness.

Core Capabilities

Based on the main content, it supports common controls such as button, checkbox, checkbox-list, color, date/datetime/month/time/week, file, password, radio, range, select, textarea, and textfield. Under the hood, it uses Lit.js and is transpiled into Web Components that work inside the Stream Deck Property Inspector Chromium window. Integration is lightweight: download sdpi-components.js and include it in the Property Inspector HTML with a script tag—no webpack or rollup required.

Data Sources and APIs

One particularly useful feature is the Data Source helper. For sdpi-checkbox-list, sdpi-radio, and sdpi-select, developers can use the datasource attribute to request option data from the plugin side. It supports loading text, hot reload, and manually refreshing via the element’s refresh() method. The documentation shows standard payloads for sendToPlugin requests and sendToPropertyInspector responses, including the event and items structures, making it suitable for dynamically displaying device lists, color lists, or other plugin runtime data.

Pricing and Open Source Status

The main content does not mention pricing, subscriptions, or a commercial edition. The site navigation links to GitHub, and the example plugin is also on GitHub, but the license is not clearly stated, so its permitted scope of use cannot be assumed. For self-hosting, downloading a single file and referencing it locally within a plugin is explicitly supported.

Pros, Cons, and Who It’s For

Its strengths are low onboarding cost, coverage of common settings controls, and a good fit with the Stream Deck plugin communication model, which can significantly reduce repetitive boilerplate code in the Property Inspector. Its limitations are that it serves a very vertical use case, mainly Stream Deck plugins, and the main content does not explain version compatibility, maintenance cadence, licensing, npm/TypeScript support, or commercial support. It is best suited for individual developers or small teams building Stream Deck plugins, especially those who do not want to introduce a complex frontend build pipeline.

Access from China

Based on the crawled content, its actual network accessibility, download speed, and dependency on GitHub access in mainland China cannot be determined, so this is marked as unknown. If GitHub access is restricted, developers can consider saving sdpi-components.js locally within the plugin project, or implementing the Property Inspector themselves using native HTML/JavaScript, Lit.js, React/Vue, or similar options.