Slack Block Kit
modular UI framework for building rich, interactive messages and apps in Slack.
Product Overview
Slack Block Kit is Slack's official framework for creating structured, interactive messages, modals, home tabs, and workflows in Slack apps. It uses JSON-based "blocks" to compose visually rich interfaces with elements like text, images, buttons, select menus, date pickers, and dividers, enabling developers to build engaging experiences without full custom apps. Widely used for bots, notifications, forms, and dashboards, it supports interactivity via actions and views for seamless user flows. Blocks & Layouts: Section, image, actions, context, divider, input blocks for modular composition. Interactive Elements: Buttons, menus, checkboxes, radio buttons, date/time pickers with action triggers. Surfaces: Messages, modals, home tabs, and workflow steps for different contexts. Block Kit Builder: Visual playground for prototyping and generating JSON code. Accessibility: Built-in support for screen readers and keyboard navigation.
Best For
Teams building scalable, consistent digital products.
Key Features
- Blocks & Layouts: Section, image, actions, context, divider, input blocks for modular composition.
- Interactive Elements: Buttons, menus, checkboxes, radio buttons, date/time pickers with action triggers.
- Surfaces: Messages, modals, home tabs, and workflow steps for different contexts.
- Block Kit Builder: Visual playground for prototyping and generating JSON code.
- Accessibility: Built-in support for screen readers and keyboard navigation.
Pros
- +Comprehensive design system
- +Interactive prototyping
- +Streamlines workflow
- +Developer-friendly
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:Free
- Platform:Browser
Pando Design System
Pluralsight's open-source design system for consistent, accessible web interfaces.
Porsche Design System
open-source framework for consistent, premium automotive digital interfaces.
Primer Design System
GitHub's open-source design system for consistent, accessible web interfaces.
Radius Design System
Rangle's meta-framework accelerating custom design system creation with tools and kits.
Salt Design System
J.P. Morgan's open-source framework for accessible, customizable financial interfaces.
SmartHR UI
open-source React component library for consistent, accessible HR platform interfaces.
U.S. Web Design System
Web Design System: official U.S. government framework for consistent, accessible public digital services.
UNDP Design System
official U.S. government framework for consistent, accessible public digital services.
VKUI
VK's open-source React library for consistent, accessible interfaces in VK apps and services.
VTEX Design System
open-source framework for consistent, accessible e-commerce interfaces.