Box Open Elements · Edition 01

Build the interface.
Keep the freedom.

Framework-agnostic Web Components that track Box's design language — drop them into React, Angular, Vue, Svelte, or plain HTML. No lock-in, no wrapper tax.

Explore the catalog → View on GitHub

Install npm install @unofficialbox/box-open-elements

Foundations

Tokens, theming, geometry, motion, icons, accessibility, and brand.

7 pages 02

Components

Framework-agnostic custom elements that track Box's design language.

78 components 03

Patterns

Composed views — explorers, sidebars, metadata, and data displays.

36 patterns 04

Build Alongs

Step-by-step lessons assembling real interfaces from the elements.

3 lessons

Community-built. Open source. Punk Rock.