Customize the order and appearance of information and guide users through your app's capabilities by composing, updating, sequencing, and stacking blocks — reusable components that work almost everywhere in Slack.
Blocks are visual components that can be stacked and arranged to create app layouts.
Read our guide to learn how you can construct stacks of blocks and add them to your app's surfaces.
Use special components to inject an app with interactivity.
Read our overview to get a quick taster of the interactive components available, and pointers on how to integrate interactivity into your app.
Shuffle and stack blocks to quickly prototype layouts in Slack. When you're ready, we'll provide the payload so all you have to do is copy and paste it into your app's code.
Design layouts with Block Kit Builder. Or save time designing your app by starting with one of our templates.
A block that is used to hold multiple interactive elements.
Used for contextual info, which can include both images and text.
A content divider used to visually separate pieces of info inside of a message.
Used with remote files to display info about the attached files.
A larger-sized text block used as a header.
A simple image block, designed to make those cat photos really pop.
A block that collects information from users in a multitude of ways.
Display text or combine text with interactive elements and images.
A block that displays an embedded video player.
A button that can be a trigger for anything from opening a simple link to starting a complex workflow.
A checkbox group that allows a user to choose multiple items from a list of possible options.
An element which lets users easily select a date from a calendar style UI.
An element to insert an image as part of a larger block of content.
A multi-select menu allows a user to select multiple items from a list of options.
A cross between a button and a select menu - a button that shows a list of options when clicked.
Creates a single or multi-line field where a user can enter freeform text data.
A radio button group that allows a user to choose one item from a list of possible options.
Creates a drop down menu with a list of options for a user to choose.
Defines text for many different blocks and elements.
Provides a dialog that adds a confirmation step to interactive elements.
Represents a single item in a number of item selection elements.
Used to group option objects in select menus.
Provides a way to filter the list of options in conversation selector menus.
block actions payload is received when a user interacts with a Block Kit interactive component.
Views are used to define modals and Home tabs layouts, using blocks as the visual components.
Learn how to replace legacy dialogs with Block Kit enriched modals.