nteract elements
A component registry for building notebook interfaces
A collection of React components for building notebook interfaces. Designed for computational environments, Jupyter-compatible outputs, and interactive data exploration.
Work in Progress — We're bringing the nteract components out of hibernation and into the future with shadcn. More components coming soon!
Installation
Install components directly from the registry using the shadcn CLI:
npx shadcn@latest add https://nteract-elements.vercel.app/r/ansi-output.jsonOr browse the component documentation to copy and adapt components for your project.
Outputs
Components for rendering Jupyter notebook cell outputs.
ANSI Output
Render ANSI escape sequences as colored terminal output
Image Output
Render images from base64 data or URLs
HTML Output
Render HTML content like pandas DataFrames
SVG Output
Render SVG graphics and vector images
Markdown Output
Render Markdown with GFM and syntax highlighting
JSON Output
Render JSON in an interactive tree view
Media Router
Auto-select renderer based on MIME type
Why nteract elements?
- Notebook-first: Built specifically for computational notebook interfaces
- ANSI support: Preserve colored terminal output that developers expect
- Composable: Mix and match components for your notebook UI
- TypeScript: Full type safety out of the box
- Tailwind: Styled with Tailwind CSS, easy to customize