As you build your interfaces, it guides you and prevents common accessibility errors. It is fully customizable (including the appearance of select and checkbox) and perfect for heavily loaded HTML sites.
PUXL detects accessibility errors automatically and shows them in the browser, describing the error and providing a solution in a copy-paste-solve way.

Load the colors you want in the palette, compile and let PUXL handle the heavy work in colors for buttons, backgrounds, text, borders... all over your site.
Achieving an accessible color contrast will no longer be a problem thanks to the integrated color algorithms.

Class names use industry conventions so you can start using PUXL in no time. We have detached ourselves from the names of long classes and unnecessarily nested nodes that overpopulate HTML.
A simple and semantic structure improves search engine indexing and makes your SEO easier.

PUXL elements are written with the minimum necessary code. Compounds that use JavaScript do not require external libraries to function.
You can compress your styles and SVG icons in a single CSS stylesheet, and avoid having to load an entire font.

The less code your sites have, the lower the load for your servers and the lower their consumption. People can also navigate using less data.
Reduce the cost of data and electricity bills for the pocket and our Mother Earth.

Dynamic layouts with calc(), CSS custom properties (or CSS variables, they get along really well with JavaScript!), flexbox, grid, animation and many others have come to stay.
We also wanted to include support for ltr/rtl and PUXL icons. We could not leave them out of the party.