VanillaHTML

VanillaHTML is a CSS File that enforces semantically written HTML. The intended use is to educate beginners on how to properly structure a website while allowing seasond developers to quickly prototype ideas. There is NO JavaScript and NO CSS classes.

There are CSS variables that allow for some simple theming, however most websites built in VanillaHTML will look the same (like this one), so it's not recommended you use this in production applications, but to help you get to a MVP (Minimal Viable Product) without worrying about the design or classnames.

If this is your first time: Read the Documentation
If you've used VanillaHTML before: Read the Change Log

Elements like popovers and dialogs (things that are better with JavaScript) will be created with web-components in the future. However, all basic elements are pre-styled. You can view a full list in the documentation.

Semantic HTML is the process of structuring your markup in a way that is understandable to assistive technology. There are many benefits to using semantics in your code, including great SEO benefits and future-proofing your website. But most importantly, you can reach people with disabilities that can only access a tiny portion of the internet, think of how many potential users you could actually be missing out on.

Please read MDN Documentation on Semantics in HTML