Introduction

Beautiful, accessible, and customizable React components for your telehealth applications.

Welcome to Turbopills UI

Turbopills UI is a curated set of accessible, production-ready React components designed for telehealth and healthcare products.

It powers the Turbopills platform and helps teams ship patient portals, intake flows, and internal tools faster, without rebuilding core UI patterns from scratch.

Every component page includes an install command, so you can add exactly what you need in seconds.

Features

  • Accessible by default - All components follow WAI-ARIA guidelines and support keyboard navigation
  • Customizable - Easily customize colors, spacing, and styles to match your brand
  • Dark mode ready - Built-in support for light and dark themes
  • TypeScript first - Full TypeScript support with comprehensive type definitions
  • Copy and paste - Just copy the components you need into your project
  • Optimized for speed - Lightweight components with zero runtime overhead

Getting Started

Installation

Adding a component takes a single command. shadcn will install any missing dependencies automatically:

bash
1pnpm dlx shadcn@latest add @turbopills-ui/[component name]

Component-specific install commands are listed on each component page.

Start using components

Now you're ready to copy any component from the docs and use it in your project!

Philosophy

Turbopills UI follows these core principles:

  1. Accessibility first - Every component is built with accessibility in mind from the ground up
  2. Composable - Components are designed to work together seamlessly
  3. Unstyled primitives - Built on Radix UI for maximum flexibility
  4. Production ready - Battle-tested in real telehealth applications

Next Steps

  • Browse the Components to see what's available
  • Check out individual component pages for usage examples
  • Have feedback? Visit our Feedback page