Vanilla List

Vanilla List is a handpicked directory website that curates vanilla JavaScript plugins, built with the Eleventy static site generator and open sourced under an Anti-Fascist MIT License.

What is Vanilla List?

Vanilla List is a curated directory of vanilla JavaScript plugins, designed to help developers find plugins without framework dependencies. The site runs on Eleventy (11ty) with a styling pipeline based on Sass and PostCSS. The project is open source, hosted on GitHub, and currently in hiatus mode as announced in a 2024 blog post from Guerilla Studio. The repository has 121 stars and is described as a 'Handpicked Vanilla JavaScript Plugins Repository'.

Key Features

• Handpicked collection — Features only quality vanilla JavaScript plugins, manually selected rather than automatically aggregated.
• Eleventy static site — Built with the Eleventy static site generator, producing a fast, dependency-free website.
• Sass styling pipeline — The npm run build script produces minified, autoprefixed CSS from Sass source files.
• Broken-link checker — Contributors can run npx broken-link-checker https://vanillalist.top -roi to identify dead links before submitting.
• Open source license — Released under the Anti-Fascist MIT License, permitting reuse with attribution.
• Contribution guidelines — Includes a Code of Conduct and a CONTRIBUTING.md file to guide pull requests.

Who is it for?

• Web developers — Use Vanilla List to discover lightweight, dependency-free JavaScript plugins for projects that avoid heavy frameworks.
• Plugin authors — Submit their own vanilla JavaScript plugins to gain visibility among developers searching for framework-free solutions.
• Open-source contributors — Maintain the directory by checking links, updating entries, and reviewing pull requests.

What can you do with Vanilla List?

• Discover plugins: Browse the handpicked collection to find vanilla JavaScript plugins for animations, DOM manipulation, forms, and more.
• Submit a plugin: Follow the contribution guide in CONTRIBUTING.md to add new plugins to the directory.
• Maintain quality: Run the broken-link checker to verify that listed plugins are still accessible, keeping the directory reliable.
• Self-host the site: Clone the repository, run npm ci to install dependencies, and use npm run start for local development at localhost:1312.

How does Vanilla List work?

The site is built with Eleventy, a static site generator, and supports a local development workflow through npm scripts. npm ci installs dependencies exactly from the lockfile, npm run start launches an 11ty dev server with hot reload on port 1312, and npm run build produces a production build with minified, autoprefixed CSS.

FAQ

Is Vanilla List free to use?

Yes, the entire project is open source under the Anti-Fascist MIT License, meaning the code is free to view, modify, and reuse with attribution.

What happened to Vanilla List?

The project is temporarily in hiatus mode. The status is explained in a 2024 blog post on Guerilla Studio's website, linked from the repository readme.

How can I contribute a plugin?

Read the CONTRIBUTING.md file and follow the Code of Conduct before making a pull request. You can also check for broken links using the provided npx broken-link-checker command.

What tech stack does Vanilla List use?

It uses Eleventy for static site generation and Sass with PostCSS for styling. The production build includes minified and autoprefixed CSS.

Where can I access Vanilla List?

The website is available at https://vanillalist.top.