Overview
Plain CSS primitives + Lit Web Components. Zero framework lock-in.
Why @bnotk/dsx?
Section titled “Why @bnotk/dsx?”| Feature | @bnotk/ds-ng | @bnotk/dsx |
|---|---|---|
| Framework-agnostic | ❌ Angular only | ✅ Any framework |
| Runtime deps | 8 peer deps (~200 transitive) | 1 dep (lit, 3 transitive) |
| CSS build step | Required (SCSS) | None (plain CSS) |
| Bundle size | ~850KB | ~75KB |
| Chrome 138 features | Partial | Full (dialog, base-select, popover) |
What’s Inside
Section titled “What’s Inside”CSS Modules
Section titled “CSS Modules”Buttons, inputs, selects, tables, form fields, form previews, status badges, progress bars, tabs, and more — all as plain CSS with no build step.
14 Web Components
Section titled “14 Web Components”Dialog, accordion, data table, datepicker, dropdown typeahead, file upload, form wizard, and more — built with Lit for minimal overhead.
Works Everywhere
Section titled “Works Everywhere”Angular 21, React, Vue, Svelte, or vanilla HTML/JS — just import and use.