1
0 Comments

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

Trending on Indie Hackers
Feedback on my (not yet published) about page 24 comments Vegans, vegetarians, and anyone with an allergy, food intolerance, or just a preference, I need you! 14 comments Open Sourcing my SAAS Starter Kit 12 comments A house in Germany is being sold as an NFT 9 comments Nerdogram - A photo sharing app for Github nerds 5 comments Free Python Books Went Viral on Hacker News 5 comments