A reimplementation of Winamp in HTML5 and JavaScript with full skin support. As seen on TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4), and elsewhere.
Check out this Twitter thread for an illustrated list of features. Works in modern versions of Edge, Firefox, Safari and Chrome. IE is not supported.
The Webamp Documentation site contains detailed instructions showing how to add Webamp to your site and customize it to meet your needs.
Webamp uses a monorepo approach, so in addition to the Webamp NPM module, this repository contains code for a few closely related projects and some pieces of Webamp which are published as standalone modules:
packages/webamp
: The Webamp NPM modulepackages/webamp/demo
: The demo site which lives at webamp.orgpackages/webamp-docs
: The documentation site for Webamp the NPM library which lives at docs.webamp.orgpackages/ani-cursor
: An NPM module for rendering animiated .ani
cursors as CSS animationspackages/skin-database
: The server component of https://skins.webamp.org which also runs our Twitter bot, and a Discord bot for our community chatpackages/winamp-eqf
: An NPM module for parsing and constructing Winamp equalizer preset files (.eqf
)packages/webamp-modern
: A prototype exploring rendering "modern" Winamp skins in the browserexamples
: A few examples showing how to use the NPM moduleJoin our community chat on Discord: https://discord.gg/fBTDMqR
Related communites:
An incomplete list of websites using Webamp:
webamp
NPM module name: Dave EddyThank you to Justin Frankel and everyone at Nullsoft for Winamp which inspired so many of us.
While the Winamp name, interface, and, sample audio file are surely property of Nullsoft, the code within this project is released under the MIT License. That being said, if you do anything interesting with this code, please let me know. I'd love to see it.
This repository uses Turborepo for efficient monorepo management. Turborepo provides intelligent caching and parallel execution of tasks across all packages.
# Install dependencies pnpm install # Build all packages (automatically handles dependencies) npx turbo build # Build library bundles for packages that need them npx turbo build-library # Run all tests npx turbo test # Lint and type-check all packages npx turbo lint type-check # Work on a specific package and its dependencies npx turbo dev --filter="webamp"
The monorepo dependency graph is automatically managed by Turborepo:
ani-cursor
and winamp-eqf
are standalone packages built with TypeScriptwebamp
depends on both ani-cursor
and winamp-eqf
for workspace linkingbuild
- Main build output (Vite for demos, TypeScript compilation for libraries)build-library
- Library bundles for NPM publishing (only applies to webamp
)test
- Run unit tests with Jesttype-check
- TypeScript type checking without emitting fileslint
- ESLint code quality checksdev
- Development server (for packages that support it)For more details on individual packages, see their respective README files.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4