goober.rocks

What It Is

goober is a CSS-in-JS solution that highlights being “less than 1KB” and can be installed via npm install goober. The page example shows how to style a component with styled('button'), including support for nested selectors and the :hover state. Its core positioning is clear: keep the common capabilities of CSS-in-JS while minimizing runtime code size.

Core Features and Ecosystem

Based on the page content, goober provides familiar APIs such as styled, css, keyframes, as, and forwardRef. It also supports Theming, allowing shared theme variables such as sizes and colors to be passed into styles. For server-side rendering, it offers extractCss, which extracts the CSS for the current state. The page also emphasizes that the bundle can become even smaller after tree-shaking, which should in theory benefit loading, parsing, and execution performance.

In terms of framework support, the page does not provide a full compatibility matrix. It only states that the website is built with Vite, Preact, and goober, so at minimum there is real-world usage with modern frontend build tools and Preact. Documentation and GitHub links are provided, but the captured content only includes an introduction and examples, so it is not possible to judge whether the API documentation, migration guides, or compatibility notes are sufficiently complete.

Pricing and Open Source

The page does not mention commercial pricing, subscriptions, or an enterprise edition. It provides GitHub and npm installation links, which suggests it is mainly used as an open-source frontend library. However, the captured text does not explicitly state the license, so you should still check the repository license before using it in a commercial project.

Pros, Cons, and Best Fit

Its strengths are its extremely small size, familiar API, and coverage of practical features such as theming and SSR. It is well suited for frontend applications that are sensitive to first-screen performance and bundle size, or for teams looking to replace heavier CSS-in-JS libraries with a lighter option. The limitations are that the page lacks information on maintenance strategy, browser compatibility, framework support scope, and ecosystem plugins. It also does not provide a detailed comparison with mature alternatives such as Emotion or styled-components.

Access in China and Alternatives

The page content does not make it possible to determine accessibility from mainland China, so this is marked as unknown. npm packages can usually be installed more smoothly via npm mirrors or domestic registries, but that is not explicitly stated on the page. Comparable alternatives include styled-components, Emotion, Linaria, Stitches, and vanilla-extract.