# you-dont-need/You-Dont-Need-JavaScript

CSS is powerful, you can do a lot of things without JS.

Repository: https://github.com/you-dont-need/You-Dont-Need-JavaScript
Canonical: https://ross.abutalabs.com/products/you-dont-need-javascript
Language: HTML
License: GPL-3.0
License Family: copyleft
Topics: css, javascript, accordion, counter, burger-menu, carousel, game, treeview, tooltip, popover, font, textfield, hacktoberfest
Last push: 2025-12-04T16:56:23+00:00

## Health v2 (maintenance only)
Score: 57/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 55, release rhythm 35, longevity 100
- inputs: {"age_days": 3711, "days_push": 272, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 20574, forks 1493 (observed 2026-08-28T04:11:30.228163+00:00)

## What it is
A curated collection of demos showing common UI patterns and effects implemented purely with HTML and CSS, without JavaScript. It covers components like accordions, carousels, tooltips, menus, and animations as a learning reference for CSS capabilities.

## Use cases
- build an accordion without JavaScript
- create a CSS-only carousel
- implement a burger menu with pure CSS
- learn CSS-only tooltips and popovers
- find CSS alternatives to common JS interactions
- study CSS animation techniques
- make a dark mode toggle without JS

## When to choose
- you want to learn what CSS can do without JavaScript
- you need reference examples of CSS-only UI patterns
- you want to reduce JavaScript dependencies for simple interactions
- you are teaching or studying modern CSS techniques

## When to avoid
- you need accessible, keyboard-navigable production components
- you require robust progressive enhancement or complex state logic
- you need a component library rather than educational demos
- browser support for advanced CSS features is limited in your target audience

## Facets
- artifact type: learning-resource
- maturity: active
- function: css-framework, animation, ui-components, developer-tools
- domain: web-development, frontend, web-design, tutorials, awesome-lists
- platform: browser, cross-platform
- tags: css-only, no-javascript, demos, examples, frontend-patterns, educational

## Member repositories
- you-dont-need/You-Dont-Need-JavaScript (main) score 57

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:30.228163+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:58:41.407480+00:00, confidence not recorded.
  - readme: https://github.com/you-dont-need/You-Dont-Need-JavaScript (fetched 2026-08-28T04:11:30.228163+00:00, sha e5720aba479b)
- Data as of 2026-08-30T08:39:29.467469+00:00.