you-dont-need/you-dont-need-javascript

You Don't Need JavaScript is a community-curated gallery of small interface effects that are normally built with JavaScript but here are built using only CSS and HTML. CSS is the styling language for web pages, and HTML is what describes the page's structure. The point of the project is to show that many common bits of interactivity, from menus to animations to form widgets, can be done with styling alone, without writing any JavaScript code. The repository is essentially a long catalog. Each entry shows a screenshot or short video of a working demo and links to the code. The list runs into the dozens and covers things like accordions and toggles, carousels, burger menus, dropdown menus, navbars, modals, tooltips, tabs, treeviews, tables, pricing tables, FAQ sections, profile cards, blog post cards, image galleries and hover effects, image comparison sliders, parallax scrolling, dark mode toggles, floating labels on text fields, password strength checkers, toast notifications, to-do lists, multi-step checkouts, CSS-only form handling, and a long catalogue of animations including loaders, neon buttons, a Twitter heart, an analog clock, a pendulum, a Star Wars-style intro, and various scenery animations. Someone would use this project as inspiration or as copy-pasteable starting points when they want to keep a webpage lean, avoid loading a JavaScript framework, or improve performance. The README warns up front that the demos may have accessibility problems such as poor keyboard navigation and speech synthesis support, so the snippets are meant as starting points rather than finished, production-ready widgets. The full README is longer than what was provided.