Build interactive UI components like accordions, carousels, and modals using only CSS and HTML.
Learn advanced CSS techniques for animations, transitions, and state management without JavaScript.
Reduce JavaScript bundle size by replacing simple interactive features with pure CSS solutions.
Create accessible, lightweight web pages that work without relying on JavaScript frameworks.
You Don't Need JavaScript is a community-curated showcase of UI effects and small interactive components built entirely with HTML and CSS, no JavaScript involved. The idea behind the project is that modern CSS has grown powerful enough to do many things that developers reach for JavaScript to handle, like toggles, dropdowns, carousels, modals, animations, hover effects, and form interactions. The repository pulls together a long catalogue of these demos in one place, so a developer can quickly see how a given effect is done without scripting. The README itself is the entire product. It opens with a short note warning that the demos may have significant accessibility issues, such as problems with keyboard navigation, speech synthesis, and progressive enhancement or graceful degradation, so they should be treated as inspiration rather than drop-in production components. There is also a style guide that shows contributors how to format their submissions: a section heading with an anchor id, two or three thumbnail images linking to the live demo, and a "back to top" link at the end. The body of the page is a very long table of contents called Quick Links, listing more than a hundred entries. Each entry jumps to a section further down the README that shows the demo. Categories cover form controls and feedback (Accordion or Toggle, Dropdown Menu, Floating Label, Multi Step Checkout, Tabs, Toast Notification, Tooltips, Treeview, Modal or Popup, Password Strength Checker, Dismissible Alert), navigation (Burger Menu, NavBar, Mobile Menu Off Canvas), media and layout (Carousel, Infinite Carousel, Horizontal Image Slider, Image Comparison Slider, Parallax Scrolling, Image Gallery, Tables, Pricing Table), and a large set of buttons, cards, loaders, and switches. The rest of the catalogue leans into pure CSS art: an analog clock, a bonfire, a baby Yoda animation, a Captain America shield, a Mondrian composition, a Star Wars intro, a Twitter heart animation, a Lego loader, a Lighthouse scene, a Night City scene, a growing flower, a jumping ball, a pendulum, a spaceship, and a Mastercard-style logo. Each demo's section contains the thumbnail and a link to the live page or CodePen pen. The project is open to contributions through a contributors and contributing section at the end of the table of contents, and it has Chinese and English versions of the README.
← you-dont-need on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.