Live preview · published npm packages

Playground

Each preset boots a Sandpack sandbox that installs @crudx/* from npm — so you're exercising the actually-published bundle, not the workspace source. Edit the code on the left, see the rendered output on the right.

MUIComponent
MUI · TableStandalone Table component from @crudx/mui with hard-coded rows + pagination. Smallest possible smoke test for the published MUI bundle.
shadcnComponent
shadcn · TableStandalone Table component from @crudx/shadcn. Tailwind Play CDN + shadcn theme variables bootstrapped from index.tsx.
MUICRUD
MUI · CrudPanelViewFull CrudPanelView wired through @crudx/rest-tanstack-adapter against JSONPlaceholder. Exercises the cross-package surface in one snippet.
shadcnCRUD
shadcn · CrudPanelViewSame JSONPlaceholder CRUD flow rendered through @crudx/shadcn. Drop-in alternative to the MUI variant; same prop surface.

Sandpack pulls dependencies from the public npm registry. If a preset fails to load, double-check that the matching @crudx/* version has actually been published.