Fast styling, minimal overhead

Write less CSS. Ship faster.

A tiny, powerful CSS-in-JS library designed for modern frameworks. Goober gives you everything you need to style components without the overhead. Built for performance, simplicity, and developers who care about bundle size.

Get Started View on GitHub

Less than 1KB. Framework agnostic. Production ready.

Everything you need. Nothing you don't.

Ultra Lightweight

At under 1KB gzip, goober keeps your bundle lean and fast.

Framework Agnostic

Works seamlessly with React, Preact, Vue, and more.

Familiar API

Styled components and hooks that feel natural and intuitive.

Server-Side Rendering

Built-in SSR support for fast, SEO-friendly applications.

Zero Configuration

No complex setup. Install and start styling immediately.

Scoped Styles

Automatically scoped CSS to avoid collisions and improve maintainability.

Simple. Clean. Powerful.

Write styles directly in your components with a minimal API that stays out of your way.

Styled Component

import { styled } from 'goober';

const Button = styled('button')`
  background: #000;
  color: #fff;
  padding: 12px 18px;
  border-radius: 6px;
`;

Usage

<Button>Click me</Button>

With Props

const Button = styled('button')`
  background: ${props => props.primary ? '#0070f3' : '#111'};
  color: white;
`;

Built for speed.

Goober is one of the smallest CSS-in-JS libraries available, making it ideal for performance-focused applications. Faster loads, less JavaScript, and no unnecessary abstractions.

  • Under 1KB gzip
  • Minimal runtime overhead
  • Optimized for modern builds

Works wherever you do.

Goober integrates effortlessly into your existing stack. Whether you're using React, Preact, or another library, it adapts to your workflow without friction.

  • React
  • Preact
  • Vue (via wrappers)
  • Vanilla JavaScript

Get up and running in seconds.

Install goober and start styling immediately. No configuration, no complexity.

Install

npm install goober

Setup

import { setup } from 'goober';
import { h } from 'preact';

setup(h);
Read Documentation

Open source. Community driven.

Goober is maintained by a passionate community of developers. योगदान, feedback, and ideas are always welcome.

Star on GitHub Contribute