// the find
frontend-joe/css-reels
Collection of CSS components built specifically for my Instagram page
A collection of CSS component demos—buttons, loaders, switches, modals, checkboxes—built to accompany an Instagram content series. Each component lives in its own self-contained HTML+CSS file. This is a code companion for a social media creator, not a library you'd actually install anywhere.
Each component is isolated in its own directory with a single HTML file you can open directly in a browser—no build step, no dependencies, zero friction to inspect. The variety is decent: burger menus, animated loaders, custom checkboxes, toggles, and tooltips cover the UI primitives frontend devs reach for most. The loader series goes up to part-9, meaning there's genuine breadth in animation techniques rather than just one example. It's a useful reference for CSS tricks like `filter`, timing functions, and SVG animation without needing to dig through framework source code.
This is explicitly organized around Instagram reels, not usability—there's no README, no live demo site, no index page, and no documentation at all. You have to know to open individual HTML files, and there's no indication of browser support or known limitations for any of the effects. The parts are numbered sequentially but there's no index linking them or explaining what changed between part-1 and part-4 of any given component. Several series have gaps (loaders starts at part-3, svgs and switches skip part numbers), which suggests the earlier parts exist only on Instagram, not here—so the repo is already incomplete as a reference.