Introduction

Syncblocks is a collection of React components for building IDE-style workspace interfaces.

What is Syncblocks?

Syncblocks provides high-quality, accessible components for multi-pane workspace layouts. Built on top of Tailwind CSS and distributed via the shadcn registry model — meaning you own the code and can customize it freely.

Components are distributed as source files, not as an npm package. When you add a component, it lands in your project as editable source code.

Quick install

Use the shadcn CLI to add any component directly to your project:

pnpm dlx shadcn@latest add @syncblocks/workspace-tabs