And sure, Google is the right way to get overwhelming resources. But why not to pick from a curated list of awesome resources.
One thing to note is that these codes are not end-all be-all solutions. Not everything in the list supports all browsers. So we’ll need to vet each one individually on a case-by-case basis.
The list features over 20 different UI elements with many prominent solutions, such as:
- Accordion / Toggle
- Flip on click
- Image galleries
- Dropdown menus
- And so much more.
Each project links out to a CodePen demo where we can see it live along with sample source code. However this specific GitHub repo doesn’t have any actual code in it. Rather it’s just a list of CodePen demos featuring non-JS solutions to common interface problems.
We’re free to copy any source code from any of these demos and reuse them in our projects. But make sure to check the CSS properties tab before copying anything because some contain extra libraries.
Check the full GitHub page here.