
Accessible Web Components Library with Stencil.js and React
Accessibility, documentation, and delivery for a federal authority
Challenge: Further Developing Accessible Web Components for Digital Applications in the Public Sector
A federal authority needed further development of a modern, reusable web components library for accessible digital applications. The goal was to establish a technical foundation that would allow accessible user interfaces to be used consistently, scalably, and across different projects.
The focus was not on creating isolated components from scratch, but on supporting an existing library that needed to be further developed, technically strengthened, and accelerated in its delivery. Our contribution therefore centered on making the existing component base more productive, improving development workflows, and increasing the overall quality of delivery in day-to-day project work.
The main technological decision was to use Stencil.js, as this allows the components to remain as flexible and framework-independent as possible and suitable for use across different public-sector projects. It is publicly visible that the underlying library provides Stencil-based web components as packages and is built on a reusable component architecture.
Accessibility also played a central role. The components were not only developed according to established standards and best practices around W3C, WCAG, and semantic web standards, but were also reviewed and supported by an internal accessibility team. This ensured that accessibility was not only considered from a technical perspective, but systematically validated as well.
In addition to the component work itself, internal processes were also modernized. This included optimizing build and release workflows, maintaining the public documentation, and improving development and delivery processes around CI/CD. Our contribution therefore went well beyond implementation work and accelerated the further development of the library on multiple levels.
Goal: Scale, Document, and Deliver Accessible Web Components
The main objective was to further develop the existing web components library in a way that would allow it to be used reliably in public-sector and complex digital applications while remaining maintainable over the long term.
- Supporting and accelerating component development: Rather than rebuilding the library from scratch, we supported the existing development effort in the areas where technical progress, cleaner delivery, and better scalability created the greatest impact.
- Agile further development of accessible components: Design and implementation of reusable UI building blocks with a focus on accessibility, semantic structures, robust interactions, and consistent usability.
- Stencil.js as the technological foundation for broad usability: The components were further developed on the basis of Stencil.js and TypeScript so that they would not be tied to a single frontend framework, but could instead be used as flexibly as possible across different applications and public-sector projects. The publicly available package explicitly describes the component base as Stencil-based.
- React integration for productive use: Additional work in the React ecosystem ensured that the component library could be integrated cleanly into modern frontend applications and reused productively. Public packages and integration paths show that React is a relevant usage context within this ecosystem.
- Optimization of internal pipelines with GitHub Actions and CI/CD: Build, test, and release processes were selectively improved so that changes could be built, validated, and published more efficiently. Publicly documented publishing and versioning processes underline the library’s CI and release focus.
- Maintenance of public documentation: The public documentation was further developed using structures close to Next.js and Docusaurus so that development teams could understand, evaluate, and use the library more quickly in production. The public documentation provides component-based entry points and integration paths.
- Testing and quality assurance: In addition to automated tests, the library was also reviewed by an internal accessibility team. This resulted in components that were not only technically functional, but also validated as accessible in practice.
Why prokodo for Accessible Component Libraries and Frontend Platforms
We support companies and institutions in creating modern frontend foundations for long-term maintainable digital products. Especially for component libraries in public-sector and regulated environments, we combine accessibility, technical architecture, documentation, and delivery processes into one reliable overall solution. If your focus is on scalable frontends, component architecture, and stable development, you can find more information on our React agency page.
Our core strengths:
- Accessible component development: Support and further development of reusable UI building blocks based on current accessibility standards
- Stencil.js & React: Modern component architectures for flexible use across different frontend setups
- Documentation & design system alignment: Structured public documentation and production-oriented developer experience
- CI/CD & process optimization: Improvement of build, test, and release processes for sustainable delivery
- Testing & quality assurance: Strong technical standards through automated testing and accessibility-focused validation
- Modernization within existing systems: Pragmatic further development of existing libraries, processes, and documentation landscapes
Our ambition is to build or strengthen accessible and technically resilient component platforms that make teams more productive over the long term.












