---
name: "@react-slot"
slug: "react-slot"
description: "react-slot brings Vue-style named slots to React for fine-grained component composition. The registry provides a single Slot.tsx component with Slottable, SlotPlaceholder, Template, and useSlots primitives, enabling parent components to inject content into named slots defined in child templates. No styling dependencies — pure React utility. Very small footprint. Free and open-source (MIT). Use for: building compound components or layout primitives that need Vue-like named slot composition when Radix UI's asChild pattern is insufficient for your composition needs."
category: "Hooks/utilities"
tags: ["auth", "blocks", "components", "crypto", "design-system", "forms", "hooks", "tables", "theming"]
framework: "vue"
license: null
author: "sina-byn"
website: "https://react-slot.vercel.app/"
github: "https://github.com/sina-byn/react-slot"
registry: "https://react-slot.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 2
component_count: 1
generated_at: "2026-07-28T08:00:50.948Z"
---

# @react-slot

react-slot brings Vue-style named slots to React for fine-grained component composition. The registry provides a single Slot.tsx component with Slottable, SlotPlaceholder, Template, and useSlots primitives, enabling parent components to inject content into named slots defined in child templates. No styling dependencies — pure React utility. Very small footprint. Free and open-source (MIT). Use for: building compound components or layout primitives that need Vue-like named slot composition when Radix UI's asChild pattern is insufficient for your composition needs.

## Links

- Website: https://react-slot.vercel.app/
- GitHub: https://github.com/sina-byn/react-slot
- Registry JSON: https://react-slot.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/react-slot
- This file: https://sh4dcn.vercel.app/md/react-slot.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://react-slot.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://react-slot.vercel.app/r/registry.json
bunx shadcn@latest add https://react-slot.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/sina-byn/react-slot.git
# fetch the raw registry index
curl -s https://react-slot.vercel.app/r/registry.json
```

## Components (1)

| name | type | description | install |
| --- | --- | --- | --- |
| slot | registry:component | Vue-style slot composition for React | `npx shadcn@latest add https://react-slot.vercel.app/r/slot.json` |

## For AI agents

```text
You are adding components from @react-slot to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/react-slot.md) for the component list.
2. Fetch the machine-readable index: https://react-slot.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: react-slot).
```