Goober

A minimal CSS-in-JS library for React & Preact.

Tiny footprint, familiar API, zero-config. Drop it in, style your components, ship faster.

Get Started View Examples

Getting Started

Install Goober from npm, import the styled helper and start styling your components.

npm install goober

import { styled } from "goober";

const Button = styled("button")`
  padding: 0.6rem 1.2rem;
  border-radius: 999px;
  border: none;
  background: #111827;
  color: white;
  cursor: pointer;
`;

Why Goober?

Tiny by default

Designed to stay out of your bundle budget. Bring just enough CSS-in-JS for most apps.

Familiar API

If you've used styled-components or Emotion, you'll feel at home in minutes.

Framework-friendly

Works great with React, Preact and vanilla JS. Ship styles wherever your components live.

Examples

Explore common patterns built with Goober.

  • Design systems & component libraries
  • Marketing sites with themed sections
  • Dashboards and internal tools