Add Scheduling to Your React App
Import the SchedulingKit React component into your app and render a full booking experience with a single JSX tag. Type-safe props, hooks for events, and full control over styling — built for React developers.
The SchedulingKit react scheduling component lets you add appointment booking to your React application in minutes. Visitors see your real-time availability, pick a time, and confirm — no back-and-forth, no third-party redirects. Built on web widget technology.
How It Works
Set up in minutes — no developer required.
Install the package
Run npm install @schedulingkit/react to add the component to your project.
Import the component
Import SchedulingKit from the package and add it to your JSX like any React component.
Pass your config as props
Set your booking page, services, colors, and event handlers via typed props.
Users book in your app
The component renders the full booking flow inside your React app. Booking events fire callbacks you can handle.
Features
Compatible Platforms
Frequently Asked Questions
Does the React component support server-side rendering?
Yes. The component is SSR-compatible and works with Next.js App Router and Pages Router. It hydrates on the client and renders the booking UI after mount.
Can I build a completely custom UI with the React package?
Yes. The package includes a headless mode that exposes hooks like useAvailability, useBooking, and useServices. You build the UI; the hooks handle the scheduling logic and API calls.
What React versions are supported?
The component supports React 18 and above. It uses modern React patterns including hooks and concurrent features.
Other Embed Options
Explore More
Ready to Add Booking to Your Site?
Set up your react scheduling component in under five minutes. Free plan, no credit card.
Free forever plan • No credit card required