hub / github.com/bprabin811/ShadCN-Table-Maker

github.com/bprabin811/ShadCN-Table-Maker @main

92 symbols 291 edges 60 files 0 documented · 0% ● updated 19mo ago★ 38

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

ShadCN Table Maker

ShadCN Table Maker is a tool designed to simplify the process of creating dynamic, feature-rich tables in Next.js using the ShadCN design library. It provides a robust scaffold for table-related components and integrates seamlessly with the ShadCN Form Builder for effortless form creation.

✨ Features

Dynamic Table Creation: Generate essential components (form.tsx, column.tsx, table-data.tsx, etc.) with detailed comments for easy customization.
Rich Table Functionality: Add features like:
Search
Pagination
Sorting
Create, Edit, and Delete rows
Form Integration: Build and modify forms effortlessly using ShadCN Form Builder.
Customizable: The generated code is general-purpose, making it easy to adapt to your specific project needs.

Extension points exported contracts — how you extend this code

CodeBlockProps (Interface)

(no doc)

src/components/code-block.tsx

FileTreeItem (Interface)

(no doc)

src/components/file-tree.tsx

Step (Interface)

(no doc)

src/components/ui/installation-steps.tsx

InstallationStepsProps (Interface)

(no doc)

src/components/ui/installation-steps.tsx

SheetContentProps (Interface)

(no doc)

src/components/ui/sheet.tsx

Core symbols most depended-on inside this repo

src/components/ui/sidebar.tsx

useFormField

called by 4

src/components/ui/form.tsx

createColumns

called by 3

src/components/builder/column.tsx

renderTree

called by 1

src/components/file-tree.tsx

src/lib/code-generator.ts

generateColumnCode

called by 1

src/lib/code-generator.ts

Shape

Function 71

Interface 21

Languages

TypeScript100%

Modules by API surface

src/components/builder/table-builder.tsx8 symbols

src/app/examples/page.tsx7 symbols

src/components/builder/column.tsx4 symbols

src/lib/metadata.ts3 symbols

src/lib/code-generator.ts3 symbols

src/components/ui/sheet.tsx3 symbols

src/components/ui/installation-steps.tsx3 symbols

src/components/file-tree.tsx3 symbols

src/components/examples/example-2/form.tsx3 symbols

src/components/examples/example-1/form.tsx3 symbols

src/components/examples/example-1/data-table.tsx3 symbols

src/components/examples/example-1/column.tsx3 symbols

For agents

$ claude mcp add ShadCN-Table-Maker \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact