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.


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