// the find
frontend-joe/css-components
Collection of components built with just HTML and CSS.
A collection of standalone HTML/CSS components — cards, navbars, sidebars, login forms, footers — each in its own folder with no dependencies. It's a copy-paste library for developers who want to grab a specific UI pattern without pulling in a framework. The target is frontend devs building static pages or prototyping.
Each component is completely self-contained: one HTML file, one CSS file, maybe a couple of images. You can open any folder in a browser and it works immediately, no build step, no npm install. The variety is genuinely useful — 13 footer variants, 17 login variants, 8 sidebars — enough that you'll likely find something close to what you need. The CSS-only approach means several interactive patterns (accordions, dropdowns, menus) work via checkbox/focus hacks, which is a legitimate technique worth studying.
There's no README, no live preview site linked from the repo, and no index — you're browsing blind through numbered folders. Some are clearly missing from sequences (cards jumps from 4 to 7, 10 to 11 to 13) with no explanation of what was removed or why. The CSS is almost certainly not using custom properties or any shared design tokens, so if you use three components together they'll clash on colors, spacing, and font sizes. The `.DS_Store` committed to root and the `index copy.html` / `styles copy.css` files in `dropdown-3` signal this is maintained as a personal reference dump, not a polished library.