stoop

A small component library for quickly spinning up a pretty Next.js project.

Install

bun add stoop

Usage

Global Styles

Import the global styles in your app:

import "stoop/styles";

Using Components

import { Button } from "stoop";

function MyComponent() {
  return <Button>Click me</Button>;
}

Using CSS Variables

The theme system provides CSS variables that you can use in your components:

.my-component {
  color: var(--color-text);
  background-color: var(--color-background);
  padding: var(--space-medium);
  border-radius: var(--radius-small);
}

Development

For local development:

# Install dependencies
bun install

# Start development server
bun run dev

# Build the library
bun run build

# Lint and format
bun run lint
bun run prettier

Contributing

Feel free to get in touch with feedback, advice or suggestions. See Conventional Commits for new contributors.

License

MIT © Jackson Dolman