Documentation
Cross-framework Public Alpha for DnDGem. Official channel:
@alpha → 0.1.0-alpha.3.
Getting started
-
Quick Start — first React layout with
@alpha - Playground — interactive demo
- Support — feedback and security contacts
Framework guides
- Vanilla / DOM —
@dndgem/dom+@dndgem/core - React —
npm install @dndgem/react@alpha - Vue —
npm install @dndgem/vue@alpha - Angular —
npm install @dndgem/angular@alpha - Svelte —
npm install @dndgem/svelte@alpha
In-repo developer guides (private repository):
docs/guides/react.md, vue.md, angular.md,
svelte.md, vanilla.md.
Meta-framework compatibility
Validated environments — use the adapter package, not a dedicated DnDGem meta package:
-
Next.js →
@dndgem/react@alpha('use client'on integration root) - Nuxt →
@dndgem/vue@alpha -
SvelteKit →
@dndgem/svelte@alpha(SSR shell safe; client session after mount)
No @dndgem/next, @dndgem/nuxt, or @dndgem/sveltekit.
Module import safe ≠ server-side DnDGem layout solving.
Install
npm install @dndgem/react@alpha
npm install @dndgem/vue@alpha
npm install @dndgem/angular@alpha
npm install @dndgem/svelte@alpha
npm install @dndgem/dom@alphaPackage matrix
| Package | Role | Alpha version |
|---|---|---|
@dndgem/core |
Constraints, validity, solver | 0.1.0-alpha.3 |
@dndgem/dom |
DOM measurement, drag, session | 0.1.0-alpha.3 |
@dndgem/react |
React provider + hooks | 0.1.0-alpha.3 |
@dndgem/vue |
Vue 3 provider + composables | 0.1.0-alpha.3 |
@dndgem/angular |
Angular board directive + signals | 0.1.0-alpha.3 |
@dndgem/svelte |
Svelte 5 provider + actions | 0.1.0-alpha.3 |
Architecture concepts
- Auto-Layout — opt-in; default off on
@alpha - Constraints — content-aware min/preferred dimensions
- Validity — VALID / DEGRADED / INVALID
- SSR / client runtime — import/build shell safe; session after client mount
Known limitations
- 0.x Alpha API may break between prereleases
- Keyboard drag and screen-reader drag announcements deferred
- Mobile not validated; Angular Universal not validated
- AI (Phase 4) not started