Slack Block Kit

modular framework de IU para construindo rico, interativo messages e apps em Slack.

Visão Geral

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.

Melhor para

equipes construindo escalável, consistent digital products.

Principais Recursos

Blocks & Layouts: Section, imagem, actions, context, divider, input blocks para modular composition.
interativo Elements: Buttons, menus, checkboxes, radio buttons, date/time pickers com action triggers.
Surfaces: Messages, modals, home tabs, e fluxo de trabalho steps para diferente contexts.
Block kit Builder: Visual playground para prototipagem e geração JSON código.
acessibilidade: integrado suporte para tela readers e keyboard navigation.

Prós

+Sistema de design abrangente
+Prototipagem interativa
+Agiliza o fluxo de trabalho
+Amigável para desenvolvedores

Contras

-A adoção requer alinhamento da equipe
-A personalização pode ser complexa

/// ESPECIFICAÇÕES

Preço:
Free
Plataforma:
Browser

ASSETS_DIRECTORY

figma

/// Ferramentas Similares

Pando Design System

Pluralsight's código aberto sistema de projetar para consistent, accessible web interfaces.

Porsche Design System

código aberto framework para consistent, premium automotive digital interfaces.

Primer Design System

GitHub's código aberto sistema de projetar para consistent, accessible web interfaces.

Radius Design System

Rangle's Meta-framework accelerating custom sistema de projetar creation com ferramentas e kits.

Salt Design System

J.P. Morgan's código aberto framework para accessible, personalizável financial interfaces.

SmartHR UI

código aberto React biblioteca de componentes para consistent, accessible HR plataforma interfaces.

U.S. Web Design System

web sistema de projetar: official U.S. government framework para consistent, accessible public digital services.

UNDP Design System

official U.S. government framework para consistent, accessible public digital services.

VKUI

VK's código aberto React biblioteca para consistent, accessible interfaces em VK apps e services.

VTEX Design System

código aberto framework para consistent, accessible e-commerce interfaces.