opendraft

Get started

Integrations

The open-source libraries opendraft is built on, has ported from or recommends, with honest license status.

What opendraft is built on, what it has ported from, and which outside libraries it recommends. License status is stated honestly: verified means checked against the installed package or the project's own license file; reported means a secondary source says so; unverified means check before you rely on it.

Built on

A dependency of opendraft components. Installed with them.

  • MotionMITVerifiedThe animation library behind every state change: layout, springs, enter and exit.
  • Radix UIMITVerifiedAccessible behavior for dialogs, menus, tabs, sliders and more.
  • LucideISCVerifiedIcons.
  • ShikiMITVerifiedSyntax highlighting in code blocks.
  • SonnerMITVerifiedToasts.
  • class-variance-authorityApache-2.0VerifiedComponent variants.
  • TanStack VirtualMITVerifiedRow virtualization in Table.
  • uqrMITVerifiedQR code generation for qr-code and ticket-pass.
  • shadcn/ui registryMITReportedThe distribution format: components install as source through a registry.

Ported with credit

Source adapted into opendraft with credit under the original license.

  • ElevenLabs UIMITVerifiedAudio and voice components (waveform, audio player, mic selector and others) ported with credit and stripped of vendor SDK code. Its license file is MIT, Copyright (c) 2025 Eleven Labs Inc.
  • beUIMITReportedSeveral components, credited in each file header.
  • Beautiful UINo license file suppliedCheck it21 agent and data components, credited in each file header. Terms are being confirmed with the authors; see THIRD_PARTY_NOTICES.md.

Recommended alongside

Not installed by opendraft. We document how to use it alongside our components.

  • Vercel AI ElementsApache-2.0ReportedA shadcn-registry set of AI chat components that overlaps our agent components. Use side by side; check its license file before copying anything.
  • Vercel AI SDKCheck the repositoryCheck itStreaming and chat state (useChat). Pair it with our message and prompt components.
  • assistant-uiMITReportedChat primitives with streaming, auto-scroll and accessibility, working with the AI SDK, LangGraph or a custom backend. Render our message and tool components inside it.
  • CopilotKit and the AG-UI protocolMITReportedAn open event protocol for streaming what an agent is doing to the interface, and generative UI. An adapter that renders AG-UI events with our tool, approval and activity components is on the roadmap.
  • AutoAnimateCheck the repositoryCheck itZero-config animation for lists that add and remove items. Motion already covers this; use it for quick wins.
  • LenisCheck the repositoryCheck itSmooth scrolling for marketing pages. Not for application screens.
  • Rive and dotLottieCheck each runtimeCheck itIllustrated, state-driven animation for empty states, loaders and characters. The runtimes and the artwork files carry separate terms.

Not bundled

Not bundled or ported, because of its license terms. Optional for your own project.

  • GSAPGSAP Standard LicenseReportedFree for commercial use including former paid plugins, but under its own license with prohibited uses, not an open-source license. Not bundled; optional in your own project after you read the terms.
  • React BitsMIT with the Commons ClauseReportedThe Commons Clause restricts selling, which conflicts with redistributing it in a registry. Inspiration only.