caliper uidocs

Introduction

Caliper UI is a React component and block library for product interfaces. You copy the source into your app and own it.

What you get

Components do one job: pick a date, confirm a delete, show a toast. Blocks put them together into flows you can drop into a product: billing, settings, an assistant, a metrics dashboard.

The free tier covers the core controls, feedback, overlays and charts. Pro adds larger blocks, full pages and showpiece motion. See pricing.

How it is built

Every component is accessible by default, follows one set of tokens, and keeps keyboard behavior, focus return and reduced motion intact. Overlays use maintained Radix primitives; everything else is plain React and CSS.

Next

Read Installation, then open a component page to try it live and copy its code.