Hi 👋 everyone,

Would like to share this project I made - https://css.gg

It is a Minimalistic icon library Designed by code.

500 Customizable & Retina-Ready icons. Entirely built in CSS.

The website is also built entirely using CSS & HTML where icon selection is done with radio buttons and no JS whatsoever, even icon selection and cookies are set inline via CSS.

Easy integration: Embed, NPM & API.

And most importantly it is open-source: https://github.com/astrit/css.gg

Just watch this demo of me using Reddit: https://capsule.click/playback/1598544517133

(hint: try using your mouse in the demo :))

What's happening here is that I recorded myself using Reddit on my computer, but I recorded it just by tracking the HTML/CSS changes in the DOM.

And now when you view the recording at that link, I'm replaying all the changes right in your browser. So all the elements are actually present, and it's not a regular video screen recording where it's compressed and you have to squint to read text in the video.

You can use your mouse, click, and scroll in the recordings. Note that javascript is disabled when you're viewing a recording so not all elements in the page will work for you. This is for safety reasons.

Check out the homepage for an even cooler demo: https://capsule.click

**I think this would help the r/html5 community if:**

- You're a beginner learning HTML and want to share the webpages you make with others. You can just instantly "deploy" your websites and share them with others at a simple link.

- You work on a web dev team at a company and want to show your teammates (engineers or designers) new features you've made in a better way than a regular image screenshot. Just send a Capsule link in 5 seconds.

- You do web testing, and you want to have better bug reporting. In Capsule recordings, you have access to the direct HTML/CSS of the webpage so you have all the info you need to reproduce bugs your users face!

Let me know what you use Capsule for! It's totally free to use: https://chrome.google.com/webstore/detail/capsule-capture-the-web/pkdkjiilohbdhmpcbnmopocdomjhogfd

P.S.: I learned a whole bunch about obscure parts of the HTML5 spec while making this product (there are still a bunch of edge cases that need to be handled since this spec is so huge). But it's been an overall very fun process and I understand the DOM a lot better now. There are more features I'll be adding soon.