{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/beasties/","markdown":"https://findsoftware.frbit.cloud/beasties.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"beasties","name":"Beasties","urls":{"repository":"https://github.com/danielroe/beasties","docs":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md"},"category":["build-tool"],"description":"Build plugin that inlines a page's critical CSS and lazy-loads the rest of its stylesheets.","maintainer":"Daniel Roe","maintainerType":"individual","firstRelease":2024,"hosting":null,"language":"javascript","runtime":["node"],"runtimeMin":"node 20","contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"runsAs":["local"],"renderingModes":null,"installMethod":"npm i -D beasties","licenseModel":"open-source","license":"Apache-2.0","currentMajor":"0","latestReleaseDate":"2026-10-12T00:00:00.000Z","githubStargazers":708,"contributors":37,"packagistDownloads":null,"npmWeeklyDownloads":5061489,"checkedAt":"2026-10-28T00:00:00.000Z","addedAt":"2026-10-28T00:00:00.000Z","sources":[{"field":"urls","url":"https://api.github.com/repos/danielroe/beasties","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"maintainer","url":"https://raw.githubusercontent.com/danielroe/beasties/main/LICENSE","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"language","url":"https://api.github.com/repos/danielroe/beasties","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"category","url":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"runtime","url":"https://raw.githubusercontent.com/danielroe/beasties/v0.5.5/packages/beasties/package.json","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"runtimeMin","url":"https://raw.githubusercontent.com/danielroe/beasties/v0.5.5/packages/beasties/package.json","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"runsAs","url":"https://github.com/danielroe/beasties/blob/main/packages/beasties/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"license","url":"https://api.github.com/repos/danielroe/beasties","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"licenseModel","url":"https://raw.githubusercontent.com/danielroe/beasties/main/LICENSE","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"firstRelease","url":"https://api.github.com/repos/danielroe/beasties/releases","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"currentMajor","url":"https://api.github.com/repos/danielroe/beasties/releases/latest","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://api.github.com/repos/danielroe/beasties/releases/latest","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"githubStargazers","url":"https://api.github.com/repos/danielroe/beasties","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"contributors","url":"https://api.github.com/repos/danielroe/beasties/contributors","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/beasties","checkedAt":"2026-10-28T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"Beasties is a Node module that inlines the critical CSS of a page into its HTML and lazy-loads the rest of the stylesheets. It reads the markup and the CSS and keeps the rules that match, without rendering the page in a headless browser. According to its README, this means it inlines every CSS rule the document uses, not only the rules needed above the fold.\n\nIt is installed as a development dependency and called from a build step. The same repository publishes [beasties-webpack-plugin](https://github.com/danielroe/beasties/tree/main/packages/beasties-webpack-plugin) for webpack and vite-plugin-beasties for Vite, which run the module inside those builds. The README also describes a split into a build-time compiler and a runtime processor for server-rendered pages, where the processor is created once and reused.\n\nBeasties is a maintained fork of critters. The preload strategy for the deferred stylesheets is one of its options.\n\n## Worth knowing\n\nThe README offers `data-beasties-container` attributes to limit the markup it evaluates."}