ariato

accessible web UI li brary

No Employees
Multiple Founders
Founders Code
Design
Open Source
Programming

We wanted a simple solution to start new design systems and write better HTML without having to add dozen of CSS classes on each element. Ariato is a small framework made of plain old HTML, CSS and vanilla JavaScript.

March 2, 2021 open sourced on Github

Launched a first version.
The repository is a Jekyll application you can install to edit separated CSS and JS files, and to generate a new version.
It can be used as a styleguide or a reference of HTML snippets to copy. The website is directly hosted on Github Pages: https://ariato.org

The CSS is separated in 3 folders:

  • design tokens includes css variables that set design constraints. It covers color (including a dark mode), spacing, typography, shadows, ...
  • elements target classless HTML tags.
  • components too extend styles to common UI elements like accordion or tabs. It uses wai-aria practices whenever possible.

The vanilla JS powers some of the components, including keyboard navigation.

https://github.com/BaseSecrete/ariato

About

We wanted a simple solution to start new design systems and write better HTML without having to add dozen of CSS classes on each element. Ariato is a small framework made of plain old HTML, CSS and vanilla JavaScript.