{"repo":"themashcodee/slack-blocks-to-jsx","free":true,"listed":false,"github":"https://github.com/themashcodee/slack-blocks-to-jsx","clone":"git clone https://github.com/themashcodee/slack-blocks-to-jsx.git","description":"A JavaScript library that converts Slack block elements into React-compatible JSX components for React applications.","language":"TypeScript","stars":18,"topics":["slack-bot","slack-blocks","slack-blocks-react","slack-blocks-renderer","slack-blocks-to-jsx","slack-react"],"license":"MIT","category":"workflow-automation","readme_excerpt":"Slack Blocks to JSX A React library that renders Slack Block Kit components as JSX with pixel-perfect styling. Full parity with Slack's Block Kit specification. 🎮 Live Playground 📖 Blog Post 📦 NPM Table of Contents - Features - Installation - Quick Start - Supported Blocks - Supported Elements - Rich Text Support - Dark Mode - Hooks API - Data Props - TypeScript - Theming & Customization - FAQ - Contributing - Support - License Features - Full Block Kit parity - Supports all Slack Block Kit block types, elements, and composition objects - Pixel-perfect rendering - Matches Slack's native appearance - Dark mode - Built-in dark mode via data-theme=\"dark\" attribute - Rich text support - Bold, italic, strikethrough, code, links, colors, and more - Standard markdown block - Renders standard markdown (tables, task lists, syntax highlighting) via react-markdown - Interactive elements - Buttons, select menus, date/time pickers, radio buttons, checkboxes, overflow menus, and more - Confirm dialogs - Built-in confirmation dialog support on interactive elements - Mentions - User, channel, and usergroup mentions with custom rendering - Emoji support - Full emoji rendering with skin tone variants - Date formatting - Slack date syntax support - Custom hooks - Override rendering for any element type - TypeScript first - Full type exports for type safety - Themeable - CSS class overrides for custom styling - React 17, 18, 19 - Compatible with all modern React versions Installation Or using","default_branch":null,"files":null,"tree":[],"storefront":"/r/themashcodee","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/themashcodee/slack-blocks-to-jsx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}