Blueprint

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

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