Skip to main content

​
DevReady Kit — React Component Library

A lightweight, modern React component library built with TypeScript. Ships tree-shakeable ESM and type definitions. Works with Vite, Next.js, and other modern bundlers.

​
Features

  • Typed: Full TypeScript support and IntelliSense
  • Tree-shakeable: ESM-first with CJS fallback
  • Composable: Headless-friendly patterns and utility-first classes
  • Framework-friendly: Works with Vite, Next.js, CRA (legacy)

​
What’s Included

DevReady Kit provides a comprehensive set of UI components designed for modern React applications:

​
Form Components

  • Button - Versatile button with multiple variants and states
  • Input - Text, number, and password inputs with validation
  • Textarea - Multi-line text input with auto-growing
  • Checkbox - Checkbox with indeterminate state support
  • RadioButton - Radio buttons for single selection
  • Toggle - Toggle switch for boolean states
  • Slider - Single-value slider for numeric input
  • RangeSlider - Dual-handle slider for range selection

​
Display Components

  • UserBold - User profile pictures with initials fallback
  • Badge - Status indicators and notifications
  • Chip - Tags and labels with multiple variants
  • Progress - Progress bars for completion status
  • Tabs - Tabbed interface for content organization
  • Dropdown - Dropdown menus with single/multiple selection
  • ContextMenu - Right-click context menus

​
Overlay Components

  • Dialog - Modal dialogs for forms and confirmations
  • Chat - Complete chat interface with message handling
  • CodeSnippet - Code display with syntax highlighting

​
Quick Start

Ready to get started? Head to the Installation guide to set up DevReady Kit in your project.
⌘I