Philosophy
Blueprint is a React-based UI toolkit for the web, optimized for building complex data-dense interfaces for desktop applications. It is not a mobile-first UI toolkit.
Principles
- Data-dense interface optimization
- Desktop-first design
- Composable and flexible
- Accessible keyboard navigation
Components
AlertBreadcrumbsButtonButtonGroupCalloutCardCheckboxCollapseContextMenuDateInputDatePickerDateRangePickerDialogDividerDrawerEditableTextFileInputFormGroupHotkeysProviderIconInputGroupMenuMenuItemMultiSelectNavBarNonIdealStateNumericInputOverflowListOverlayPanelStackPopoverProgressBarRadioResizeSensorSectionSegmentedControlSelectSliderSpinnerSwitchTabTableTagTagInputTextTextAreaToastTooltipTree
In our catalogue (34)
- Accordionhttps://blueprintjs.com/docs/#core/components/collapse
- Alerthttps://blueprintjs.com/docs/#core/components/callout
- Badgehttps://blueprintjs.com/docs/#core/components/tag
- Breadcrumbshttps://blueprintjs.com/docs/#core/components/breadcrumbs
- Buttonhttps://blueprintjs.com/docs/#core/components/buttons
- Button grouphttps://blueprintjs.com/docs/#core/components/button-group
- Cardhttps://blueprintjs.com/docs/#core/components/card
- Checkboxhttps://blueprintjs.com/docs/#core/components/control-card.checkbox-card
- Datepickerhttps://blueprintjs.com/docs/#datetime2/date-picker3
- Drawerhttps://blueprintjs.com/docs/#core/components/drawer
- Dropdown menuhttps://blueprintjs.com/docs/#core/components/menu
- Empty statehttps://blueprintjs.com/docs/#core/components/non-ideal-state
- Fieldsethttps://blueprintjs.com/docs/#core/components/form-group
- File uploadhttps://blueprintjs.com/docs/#core/components/file-input
- Iconhttps://blueprintjs.com/docs/#core/components/icon
- Labelhttps://blueprintjs.com/docs/#core/components/label
- Listhttps://blueprintjs.com/docs/#core/components/overflow-list
- Modalhttps://blueprintjs.com/docs/#core/components/alert
- Navigationhttps://blueprintjs.com/docs/#core/components/navbar
- Popoverhttps://blueprintjs.com/docs/#core/components/popover
- Progress barhttps://blueprintjs.com/docs/#core/components/progress-bar
- Radio buttonhttps://blueprintjs.com/docs/#core/components/control-card.radio-card
- Segmented controlhttps://blueprintjs.com/docs/#core/components/segmented-control
- Selecthttps://blueprintjs.com/docs/#core/components/html-select
- Separatorhttps://blueprintjs.com/docs/#core/components/divider
- Skeletonhttps://blueprintjs.com/docs/#core/components/skeleton
- Sliderhttps://blueprintjs.com/docs/#core/components/sliders
- Spinnerhttps://blueprintjs.com/docs/#core/components/spinner
- Stepperhttps://blueprintjs.com/docs/#core/components/numeric-input
- Tabshttps://blueprintjs.com/docs/#core/components/tabs
- Toasthttps://blueprintjs.com/docs/#core/components/toast
- Togglehttps://blueprintjs.com/docs/#core/components/control-card.switch-card
- Tooltiphttps://blueprintjs.com/docs/#core/components/tooltip
- Tree viewhttps://blueprintjs.com/docs/#core/components/tree
Details
- Platforms
- web
- Tech
- react
- Features
- icons
- Last updated