Box AI Developer Zone

Create

experiences with

Box UI Elements

Box UI Elements are pre-built UI components that allow you to extend custom portals with the elements of the main Box web application.

Interactive Demos

Box UI Elements are available both as React components and framework-agnostic JavaScript libraries.

Content Explorer

Embed a folder view of content stored in Box in your web applications. Allow users to navigate through the folder hierarchy and rename, delete, or share files.

Content Picker

Add support for selecting Box files and folders in your web applications.

Content Preview

Embed high quality and interactive previews of over 120 file types.

Content Sidebar

Implement viewing file-related activity, metadata, and details including versions, comments, and tasks.

Get started

Explore more Box UI Elements

Follow more guides and documentation to help get you up and running.

Box AI for UI Elements

See how to embed Box AI in the Content Preview UI Element.

Content Uploader

Embed the Content Uploader and allow users to upload files.

Metadata view

Display files based on specified metadata with the Content Explorer.

Annotations

Provide collaboration capabilities within the Content Preview.

Build custom portals

Learn more from videos, blog posts and sample code related to Box UI Elements.

Clone and deploy a demo project

Featuring Box APIs, Box UI Elements, React, Tailwind CSS, and Vercel.

Box AI for Box UI Elements

See how to embed Box AI in the Content Preview UI Element.

Box AI Developer Zone

Content Explorer

Content Picker

Content Preview

Content Sidebar

Box AI for UI Elements

Content Uploader

Metadata view

Annotations

Read more about creating custom portals

Clone and deploy a demo project

Box AI for Box UI Elements