# @calcom/embed-react

> Embed Cal Link as a React Component

Latest version **1.5.3** (published 2025-04-30) · SEE LICENSE IN LICENSE license · 0 weekly downloads

## Install

```sh
npm install @calcom/embed-react
pnpm add @calcom/embed-react
yarn add @calcom/embed-react
bun add @calcom/embed-react
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; popular repo.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 1.5.3 |
| Published | 2025-04-30 |
| First published | 2022-04-15 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 17.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 48891 |
| Maintainers | peer_rich, baileypumfleet, iambalhara, keithwillcal, morgan-calcom, zomars-cal, lauris-cal, somay_chauhan |

## Links

- npm: https://www.npmjs.com/package/@calcom/embed-react
- Repository: https://github.com/calcom/cal.com
- npm.io page: https://npm.io/package/@calcom/embed-react

## Dependencies (2)

- [@calcom/embed-core](https://npm.io/package/@calcom/embed-core.md) 1.5.3
- [@calcom/embed-snippet](https://npm.io/package/@calcom/embed-snippet.md) 1.3.3

## Recent versions

- 1.5.3 (latest) — 2025-04-30
- 1.0.6-beta.10 (beta) — 2022-05-25
- 1.5.2 — 2024-12-20
- 1.5.1 — 2024-09-19
- 1.5.0 — 2024-05-09
- 1.4.0 — 2024-04-12
- 1.3.2 — 2024-02-12
- 1.3.0 — 2023-07-21
- 1.2.2 — 2023-06-28
- 1.2.1 — 2023-06-27
- 1.2.0 — 2023-06-27
- 1.1.1 — 2023-05-29
- 1.1.0 — 2023-05-24
- 1.0.12 — 2023-04-12
- 1.0.11 — 2023-04-12
- … 24 more at https://npm.io/package/@calcom/embed-react/versions

## README

# cal-react

Embed Cal Link as a React Component

To know how to use it, follow the steps at <https://developer.cal.com/embed/install-with-react>

## Development

Following command starts a hot reloading server
`yarn dev`

If you are working with embed on website, don't forget to do `yarn build` after every change.

## Running Tests

Runs tests and updates the snapshots. Right now we don't care about snapshots
`yarn embed-tests-quick --update-snapshots`
TODO

- Playwright tests.
  - Need to what these tests should be as embed-core already have tests. We probably just need to verify that embed-core API is called appropriately.
  - It would probably be better if Playwright tests exist at one place for all embeds.
- Distribution
  - It would be better DX to serve the unbuilt version with JSX, instead of built version with React.createElement calls. But because of WebPack loaders not running on node_modules automatically, it doesn't work automatically.
  - Right now if a typescript project uses the package, VSCode takes the user to .d.ts files instead of the functions definitions. How to solve it ?

---
_Source: https://npm.io/package/@calcom/embed-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._