{
  "id": 16156663,
  "title": "Component library - Pebble UX",
  "url": "https://urgent.news/2026/10/23/component-library-pebble-ux",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-10-23T06:07:36.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/huismanpeter/component-library-pebble-ux-3d36"
  },
  "original_language": "en",
  "account": "I have been diligently working on a personal project, which has culminated in the stable release of a component library for developers, to the DEV Community. This library, named Pebble UX, is a contemporary and framework-agnostic collection of web components, meticulously crafted using native Web Components. Pebble UX is available for free on GitLab and can be installed via NPM at the provided link.\n\nThe motivation behind developing Pebble UX stems from the desire to create a library that is strictly focused on three core principles: native compatibility, minimal overhead, and accessibility. By leveraging standard custom elements built on the web platform, Pebble UX offers zero framework overhead, allowing seamless integration with various frameworks such as React, Vue, Angular, or any future framework. Furthermore, accessibility is a top priority, with semantic markup, proper ARIA attributes, and full keyboard navigation support inherent to the components.\n\nA notable feature of Pebble UX is the Blazor Bridge, which enables developers working with the .NET ecosystem to utilize these components in Blazor projects. This bridge provides strongly-typed C# wrappers and native two-way data binding (@bind-value) out of the box, eliminating the need for heavy JS interop layers.\n\nPebble UX encompasses an extensive array of components ranging from foundational elements like buttons, accordions, avatars, cards, and tabs, to more complex UI structures such as responsive data tables, splitters, and multi-step wizards. All components are fully themeable through a unified Design Token system, supporting both light and dark modes out of the box.\n\nAs a solo maintainer for this v1 release, I am eager to gather feedback from both frontend and .NET developers. I am particularly interested in your insights on the component APIs, the clarity and navigation of the documentation, and any missing components or utilities that you frequently rely on in modern web component suites. I invite you to explore the library by running npm i @pebble-ux/web-components or by browsing the comprehensive documentation. Your feedback will be invaluable in shaping the future of Pebble UX.",
  "summary": "To the DEV Community, I have been working on a passion project for a while now, and this week I finally hit a major milestone: I published the very first stable version to NPM. It is called Pebble UX — a modern, framework-agnostic component library built entirely on native Web Components. Free Documentation: https://gitlab.io NPM Package: https://npmjs.com Why another component library? We…",
  "key_points": [
    "Pebble UX is a native, framework-agnostic component library",
    "Blazor Bridge enables .NET developers to use Pebble UX components",
    "Library focuses on accessibility, themeability, and minimal overhead"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}