Components / Utility

Utility

Clipboard, drag & drop, resizable panels, code blocks, QR, print, and color tools.

Clipboard & code

Copy-to-clipboard and syntax blocks.

npm install framer-motion

Copy to clipboard

app.tsx

export default function App() {
  return <Dashboard />
}

Code block

Reordering and split panels.

Espresso

Latte

Mocha

Drag & drop list

Sidebar

Drag the handle to resize this panel.

Content

Drag the handle to resize this panel.

Resizable panel

Scannable and printable outputs.

QR code

762728290412

Barcode

Opens the browser print dialog.

Print preview

Rich content and color tooling.

Rich text editor

Color picker