UIElementry
A curated library of premium UI components. UIElementry provides developers with accessible, expertly designed components to accelerate their workflow and improve UI consistency.
A React component library developed in isolation using Storybook. It features a CI/CD pipeline that runs automated accessibility (a11y) audits on every component, ensuring compliance with WCAG 2.1 AA standards before publication.
The Challenge
The web is full of broken, inaccessible components. my mission was quality over quantity. The primary challenge was ensuring every single component met strict accessibility standards (WCAG 2.1 AA) while still looking modern and beautiful. This involved rigorous testing of keyboard navigation and screen reader support.
The Solution
Every component in the library undergoes a rigorous a11y (accessibility) audit as part of the CI/CD pipeline. I use automated testing tools to check for things like color contrast and proper ARIA attributes, and manual testing to ensure a seamless keyboard navigation experience. A component is not published unless all accessibility checks pass.
Gerasimos Makris is an AI Web Developer with a background in FinTech operations. He specializes in building secure, scalable web applications that solve real-world financial problems. When he's not coding, he enjoys exploring the intersection of technology, finance, and business strategy.