Tiny bundle size
Under 1KB compressed, making it one of the smallest CSS-in-JS libraries available.
Performance-first styling
A lightweight CSS-in-JS library built for modern developers who care about performance and simplicity. No bloat, no magic-just clean styling that works.
Goober is a minimal CSS-in-JS solution designed to do one thing well: style your components without slowing you down. With a tiny footprint and straightforward API, it fits seamlessly into modern JavaScript frameworks like React and Preact.
It's built for developers who want control without complexity, and performance without compromise.
Most styling solutions try to do everything. Goober focuses on doing less-faster. It keeps your bundle small, your code readable, and your app responsive.
Whether you're building a small project or scaling a large application, Goober stays out of your way while delivering consistent, reliable styling.
Under 1KB compressed, making it one of the smallest CSS-in-JS libraries available.
Works seamlessly with React, Preact, and other modern frameworks.
Write styles using familiar syntax without learning a new system.
Minimal runtime overhead ensures fast rendering and smooth user experience.
Avoid naming conflicts with automatically scoped class names.
Works cleanly in SSR environments without extra configuration.
Get started with just a few lines of code. Define your styles and apply them directly to your components.
import { styled } from 'goober';
const Button = styled('button')`
background: #4f46e5;
color: white;
padding: 8px 16px;
border-radius: 6px;
`;
export default () => <Button>Click me</Button>;
Add Goober to your project using your favorite package manager and start styling immediately.
npm install goober
yarn add goober
Goober is open source and actively maintained. Contributions, feedback, and ideas are always welcome. Join the community and help shape the future of lightweight styling.