Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsCharts & data viz

Violin plot

Mirrored density shapes per group with an inner IQR capsule and median dot, hover stats and a hidden summary table.

Preview

Hours used per week, by plan

880 active accounts
010203040HoursFreeStarterTeamBusiness
Weekly hours by plan
GroupMinQ1MedianQ3Maxn
Free135813220
Starter610121724220
Team815182534220
Business1425313541220

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
groups{ key: string; label: string; values: number[]; color?: string }[]—Raw samples per group.
labelstring—Accessible name and table caption.
heightnumber300Height in px; width follows the container.
valueLabelstring—Value axis title.
valueFormatter(value: number) => string1 decimalFormats values.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗