37 components
UI Components
Small, self-contained components built straight on the web platform – the native dialog element, the Popover API, IntersectionObserver. Plain ES modules plus SCSS, no framework, ARIA and keyboard operation built in. Every one ships a live demo, a snippet and a readme.
Navigation
Menus, in-page orientation, search
Overlays
Dialogs, anchored surfaces, messages
Content
Disclosure, live data, lists and tables
- accordion Panels on details/summary
- copyToClipboard One press, plus the announcement
- countdown Live countdown to a target date
- dataTable Responsive, sortable columns
- filterList Client-side search over a list
- loadFragment Loads a page region into a box
- marquee Infinitely scrolling strip
- readMore Clamped text with an expander
Forms
Field behaviour, native validation
- autoGrowTextarea Grows with its content
- comboBox Typeahead on input list + datalist
- conditionalFields Field groups that follow another field
- dateInputFormat Grouped date mask while typing
- fileUpload Drop zone, file list, optional upload bars
- formValidation Inline constraint messages
- inputCharCount Character count for fields
- numberInputFormat Grouped number while typing
- passwordToggle Show/hide for password fields
Media
Video, embeds, SVG handling
Scroll & layout
Observers that let CSS react
Source code
Every component in this collection lives in the werkbank repository on Codeberg – markup, SCSS and the ES module next to each other, each with the readme it ships with. Public, and free to read, fork and reuse.