Press kit
Writing about retrostrap? Take whatever you need. The assets, the words, and the facts below are free to use, no permission form and no watermark. If a detail is missing, ask the address at the bottom and a human will answer.
The short version
Copy-paste boilerplate, in two lengths.
One line. retrostrap is a CSS + JS framework that makes new websites look like the web of 1996-2003, while staying responsive, accessible, and dependency-free underneath.
One paragraph. retrostrap builds the modern web to look like 1999: beveled buttons, tiled starfields, a marquee if you dare, all drawn from a closed palette of web-safe colors and nine era fonts. Under the nostalgia it is a serious framework, mobile-first, keyboard-accessible, honoring reduced-motion, and shipping zero runtime dependencies. Two tags from a CDN and you are a webmaster again.
The facts
| What | A retro CSS + JS framework, the look of 1996-2003, modern underneath |
|---|---|
| Tagline | Build like it's 2026, look like it's 1999. |
| Palette | 216 web-safe colors plus the classic named colors, nothing else |
| Type | Nine era font stacks, a seven-step size scale |
| Shape | Zero border-radius, zero-blur shadows, on purpose |
| Dependencies | None. Zero runtime dependencies, CI-enforced |
| Accessibility | Keyboard maps, reduced-motion, WCAG-minded; components work without JS |
| License | MIT, free to use and modify |
| Home | retrostrap.dev |
The five laws
The rules that keep it on-era. All five are machine-checkable and enforced in CI, a page that breaks one does not ship.
- Palette. Only web-safe and classic named colors. Opaque UI.
- Font. Only the nine era stacks, sizes only from the seven-step scale.
- Shape. No rounded corners, no blurred shadows.
- Motion. Linear or stepped easing only; everything honors reduced-motion.
- Decency. No autoplay audio, no tracking, no surprise network calls.
Assets
Right-click to save, or use the download link under each. PNGs for the cards, an animated GIF for the themes. Please do not restyle the wordmark; a plain screenshot is always fine.
Want to link back? Grab a 88x31 button from the footer of any page, or
render your own with npm run badges.
Read more, or reach us
- Get started, the two-tag install and a full page in five minutes.
- The Museum, why the old web looked like this.
- Source on GitHub, MIT-licensed.
- The Boards, the community forum, and Retrospace, the curated directory.
Questions a page cannot answer go to hello@retrostrap.dev. We like talking about this stuff.