sh4dcn
Registries
ActiveFeaturedEditor (rich text/code)140

@nteract

Editor (rich text/code) · BSD-3-Clause · data updated 2026-07-28

A React component library and design system for building interactive computational notebook interfaces, powering the nteract desktop editor (built with Tauri). Provides 15 Cell components (Markdown Cell, Code Cell, Cell Controls, Cell Header, Collaborator Avatars, Execution Count, Execution Status, Play Button, etc.), 9 Output renderers (ANSI, HTML, Image, SVG, Markdown, JSON, Media Router, Isolated Frame), and 50+ Jupyter Widget protocol components including ipycanvas, AnyWidget, and built-in controls. Uses shadcn/ui patterns; state management via useSyncExternalStore for React 18/19 compatibility; CodeMirror editor with Jupyter keybindings. Free, open source. Use for: building custom notebook UIs, REPL interfaces, or Jupyter-compatible front-ends in React.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@nteract preview
buttonscardscomponentsdesign-systemeditorformsiconsmedia

Install

npx shadcn@latest add https://nteract-elements.vercel.app/r/registry.json

Health

StatusActive
Last commit2 weeks ago
LicenseBSD-3-Clause
Open issues25
ArchivedNo
Stars140

Components (35)

ansi-outputimage-outputhtml-outputsvg-outputmarkdown-outputjson-outputmedia-providermedia-routercell-headercell-type-buttonexecution-statusplay-buttonruntime-health-indicatorcell-controlscell-containercell-betweeneroutput-areaexecution-countcollaborator-avatarspresence-bookmarkscodemirror-editorwidget-storeanywidget-viewwidget-viewwidget-controlsipycanvasisolated-framecell-type-selectorerror-boundaryhighlight-textisolated-rendererallglobal-find-barruntime-iconsselection-card
Components: ansi-output, image-output, html-output, svg-output, markdown-output, json-output, media-provider, media-router, cell-header, cell-type-button, execution-status, play-button, runtime-health-indicator, cell-controls, cell-container, cell-betweener, output-area, execution-count, collaborator-avatars, presence-bookmarks, codemirror-editor, widget-store, anywidget-view, widget-view, widget-controls, ipycanvas, isolated-frame, cell-type-selector, error-boundary, highlight-text, isolated-renderer, all, global-find-bar, runtime-icons, selection-card

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@nteract · ansi-output

npx shadcn@latest add https://nteract-elements.vercel.app/r/ansi-output.json
View source