Skip to content

Made-Together/ui-components

Repository files navigation

 

@togetheragency/ui

Headless React primitives for modern websites

A collection library of re-usable, minimally styled, headless React components

Getting started | Components | Skills | Issues | Changelog

NPM Version NPM downloads CI

React Tailwind CSS


Installation

Install @togetheragency/ui with your package manager of choice:

pnpm add @togetheragency/ui

The library declares react, motion, and tailwindcss as peer dependencies. Make sure they're installed in your project:

pnpm add react react-dom motion tailwindcss

Full setup instructions, including Tailwind v4 configuration, are available in the installation guide.

Usage

Components are exported per-name and imported from their subpath. No build step is involved, so your bundler transpiles the source alongside the rest of your app and tree-shaking works as expected.

import { Carousel } from "@togetheragency/ui/carousel";
import { Marquee } from "@togetheragency/ui/marquee";
import { Tabs } from "@togetheragency/ui/tabs";

Every component is headless by default. It owns behavior, state, and accessibility, and leaves the look and feel up to you. Defaults (when any exist) are minimal and overridable via className, style, slots, or render props.

For per-component APIs, examples, and recipes, head to the official documentation.

Components

The full list of available components, along with live examples and API references, lives at ui.bytogether.agency/docs/components.

Each component also ships with a focused skills entry that you can feed to Claude Code, Cursor, or any other agentic tool to scaffold and customize components without guessing at the API.

Contributing

Contributions are welcome! Please open an issue or submit a PR. See the CONTRIBUTING file for more details.

License

This project is licensed under the MIT License. See the LICENSE file for more details.