UI SDK

Composable UI behaviors for agents building accessible interfaces

About UI SDK

UI SDK is an open-source library that helps developers and coding agents build interfaces from reusable behaviors. It separates interactions such as keyboard navigation, focus management, selection, popups, and drag and drop from visual styling, so teams can combine them into controls tailored to their applications. The same core works with adapters for React, Vue, Svelte, Solid, and Web Components.

Developers can start with the supplied component library or give their coding agent the UI SDK skill to assemble a custom component. Behaviors include accessibility support and can be combined into familiar elements such as selects, comboboxes, and pickers. The project is publicly available in beta, with documentation and source code for exploring and adapting its building blocks.

Discussion

Tried it? Share a useful thought or ask a question.

Details

Website: ui-sdk.dev
Status: In beta
Category: Developer tools
Listed: Nov 13, 2026

Tags

Accessibility Open source SDK UI components Web development

Embed upvote button

Let visitors support UI SDK from your website.

Button appearanceLightDark

UI SDK

Upvote

Paste into your site’s HTML

<div data-betaneon-widget="light" style="box-sizing:border-box;display:flex;align-items:center;gap:12px;width:320px;max-width:100%;min-height:84px;padding:12px 14px;margin:0;border:1px solid #e1e0dc;border-radius:12px;background:#ffffff;color:#181818;font:400 14px/1.4 Arial,Helvetica,sans-serif;text-align:left;">
  <img src="https://m.betaneon.com/ic/d5525c34-566d-438e-b662-5d01da6b31fa.webp" alt="" width="36" height="36" referrerpolicy="no-referrer" style="box-sizing:border-box;display:block;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:9px;object-fit:contain;background:#fff;">
  <div style="box-sizing:border-box;flex:1;min-width:0;margin:0;padding:0;">
    <a href="https://betaneon.com/products/ui-sdk" target="_blank" rel="noopener" referrerpolicy="strict-origin-when-cross-origin" title="UI SDK" aria-label="UI SDK on BetaNeon (opens a new tab)" style="display:block;margin:0;padding:0;color:#181818;font:700 16px/1.4 Arial,Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline-offset:3px;">UI SDK</a>
    <div style="display:flex;align-items:baseline;gap:4px;margin:4px 0 0;padding:0;white-space:nowrap;">
      <span style="margin:0;padding:0;transform:translateY(-1.5px);color:#626664;font:400 14px/1.2 Arial,Helvetica,sans-serif;">on</span>
      <a href="https://betaneon.com/" target="_blank" rel="noopener" referrerpolicy="strict-origin-when-cross-origin" aria-label="BetaNeon home (opens a new tab)" style="display:inline-flex;flex-shrink:0;margin:0;padding:0;border:0;background:transparent;text-decoration:none;outline-offset:3px;"><img src="https://betaneon.com/res/brand/wordmark.svg?v=453516e27973dc87" alt="BetaNeon" width="87" height="16" referrerpolicy="no-referrer" style="display:block;width:87px;height:auto;margin:0;padding:0;border:0;"></a>
    </div>
  </div>
  <a href="https://betaneon.com/vote/ui-sdk" target="_blank" rel="noopener" referrerpolicy="strict-origin-when-cross-origin" aria-label="Upvote UI SDK on BetaNeon (opens a new tab)" style="box-sizing:border-box;display:flex;flex:0 0 68px;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;margin:0;padding:0 0 0 12px;border:0;border-left:1px solid #e1e0dc;background:transparent;color:#087f5b;font:400 14px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;outline-offset:3px;">
    <span aria-hidden="true" style="box-sizing:border-box;display:block;width:9px;height:9px;margin:3px 0 0;padding:0;border:0;border-top:2px solid #087f5b;border-left:2px solid #087f5b;transform:rotate(45deg);"></span>
    <img src="https://betaneon.com/embed/upvote/ui-sdk/count.svg?theme=light" alt="Votes" width="56" height="20" referrerpolicy="no-referrer" style="display:block;width:56px;height:20px;margin:0;padding:0;border:0;">
    <span style="color:#087f5b;font:400 14px/1.2 Arial,Helvetica,sans-serif;">Upvote</span>
  </a>
</div>

Links open in a new tab. Visitors sign in on BetaNeon, then confirm their upvote. The vote count updates when the page loads.

Unclaimed

Building UI SDK?

Claim this profile to keep your product’s story up to date.

Sign in with your verified work email. Matching website domains are approved automatically; other requests are reviewed by our team.

About UI SDK

Discussion

Details

Tags

Similar products

Thinking Orbs

Tiptap

TypeScript

slash-editor

Node.js

BUI