Community vs. Pro, at a glance

Capability Matrix

Every documented component, grouped by category, with what's free and what's Pro. Every count on this page is pulled live from the same catalogue that powers /docs and the pricing page — nothing here is hand-typed.

169

Components — 92 free, 77 Pro

968

Runnable demos

107

npm packages — 53 public

20

AI Pack components

A demo is one runnable block you can open and copy. Some show a colour or density treatment, some a layout, some a data or loading state, some an interaction mode, some a whole worked screen — so this is a browsing index, not a per-component score. Compare the inputs and outputs listed against each component below.

Premium spotlight

A few Pro components that go well beyond a UI-kit component — real reporting and scheduling engines, not just styled markup.

Every component, by category

Each row lists its bindable inputs, its events and how many runnable demos it ships — the inputs and outputs come straight from the shipped selector, so they are the numbers worth comparing. Click any component to open its full docs page: API reference, usage examples and accessibility notes.

Forms & Inputs

32 components — 26 free, 6 Pro

Button 33 inputs · 3 outputs · 21 demos Free Text Field 36 inputs · 4 outputs · 17 demos Free Select Dropdown 34 inputs · 7 outputs · 13 demos Free Toggle Switch 21 inputs · 3 outputs · 11 demos Free Checkbox 18 inputs · 3 outputs · 5 demos Free Radio Group 15 inputs · 2 outputs · 4 demos Free Slider 23 inputs · 4 outputs · 6 demos Free Number Input 27 inputs · 2 outputs · 8 demos Free Chip 14 inputs · 3 outputs · 7 demos Free File Upload 16 inputs · 7 outputs · 12 demos Free Search Bar 22 inputs · 8 outputs · 13 demos Free Rich Text Editor 27 inputs · 10 outputs · 11 demos Pro Date Picker 14 inputs · 3 outputs · 11 demos Free Tag Input 11 inputs · 2 outputs · 11 demos Free Color Picker 11 inputs · 2 outputs · 4 demos Free Form Error Summary 7 inputs · 2 outputs · 1 demo Free Chip Group 5 inputs · 3 demos Free Inplace Edit 21 inputs · 6 outputs · 7 demos Free OTP / PIN Input 15 inputs · 4 outputs · 5 demos Free Phone Input 10 inputs · 5 outputs · 3 demos Free Signature Pad 15 inputs · 3 outputs · 4 demos Free Rating 19 inputs · 3 outputs · 7 demos Free Segmented Control 11 inputs · 2 outputs · 6 demos Free Time Picker 11 inputs · 2 outputs · 4 demos Free Input Mask 12 inputs · 3 outputs · 3 demos Free Autocomplete 21 inputs · 5 outputs · 3 demos Free Tree Select 22 inputs · 8 outputs · 4 demos Pro Form Builder 8 inputs · 3 outputs · 2 demos Pro Cascader 22 inputs · 7 outputs · 8 demos Pro Mention Input 16 inputs · 6 outputs · 5 demos Pro Input Group 12 inputs · 1 output · 8 demos Free Split Button 13 inputs · 3 outputs · 3 demos Pro

Data Display

47 components — 27 free, 20 Pro

Stat Card 20 inputs · 3 outputs · 12 demos Free Spotlight Stat Card 16 inputs · 1 output · 12 demos Pro Record Grid 14 inputs · 5 outputs · 1 demo Free Data Table 40 inputs · 15 outputs · 16 demos Free List View 38 inputs · 14 outputs · 18 demos Free Avatar 14 inputs · 1 output · 11 demos Free Badge 15 inputs · 1 output · 8 demos Free Timeline 23 inputs · 6 outputs · 14 demos Free Gantt Chart 45 inputs · 7 outputs · 2 demos Pro Pivot Table 14 inputs · 4 outputs · 4 demos Pro Query Builder 9 inputs · 3 outputs · 4 demos Pro Kanban Board 18 inputs · 9 outputs · 9 demos Pro Tree View / Table 9 inputs · 7 outputs · 12 demos Free Heatmap Calendar 16 inputs · 2 outputs · 10 demos Pro Widget Grid 9 inputs · 3 outputs · 11 demos Pro Carousel 15 inputs · 4 outputs · 2 demos Free Image Gallery 17 inputs · 3 outputs · 4 demos Free Drag-and-Drop List 10 inputs · 6 outputs · 5 demos Free Calendar / Scheduler 10 inputs · 8 outputs · 5 demos Pro Sparkline 20 inputs · 1 output · 6 demos Free Code Block 19 inputs · 4 outputs · 8 demos Free Comment Thread 13 inputs · 6 outputs · 5 demos Pro Transfer / Dual List 16 inputs · 7 outputs · 3 demos Pro Barcode (1D) 10 inputs · 3 outputs · 5 demos Free Image Cropper 11 inputs · 3 outputs · 1 demo Pro Image Compare 11 inputs · 2 outputs · 4 demos Free QR Code 10 inputs · 5 demos Free Items With More 6 inputs · 1 output · 6 demos Free Streaming Markdown 8 inputs · 2 outputs · 5 demos Free Thumbnail Card 22 inputs · 2 outputs · 6 demos Pro Descriptions 12 inputs · 1 output · 7 demos Free JSON Viewer 14 inputs · 3 outputs · 7 demos Free Line Clamp 7 inputs · 1 output · 6 demos Free File Display 18 inputs · 4 outputs · 6 demos Free Tiles Layout 8 inputs · 7 demos Pro Price 16 inputs · 7 demos Free Product Card 27 inputs · 5 outputs · 5 demos Pro Property Card 43 inputs · 6 outputs · 4 demos Pro Order Summary 28 inputs · 5 demos Pro Cart Line Item 25 inputs · 5 outputs · 4 demos Pro Address Card + Form 12 inputs · 4 outputs · 7 demos Free Credit Card 14 inputs · 1 output · 4 demos Pro Gift Card 36 inputs · 3 outputs · 4 demos Pro Filter Panel 18 inputs · 6 outputs · 4 demos Pro Kbd 6 inputs · 4 demos Free Password Strength 7 inputs · 1 output · 5 demos Free Like / Reaction Button 9 inputs · 4 outputs · 4 demos Free

Charts

25 components — 7 free, 18 Pro

Overlays & Feedback

20 components — 12 free, 8 Pro

AI Components

22 components — 2 free, 20 Pro

See what each license tier unlocks

Pricing breaks the same 169-component catalogue down by license tier, with the full feature-by-feature comparison.

Component and package counts are generated by npm run stats:sync and checked on every change; this page always reflects the current catalogue.