{"repo":"sadmann7/diagramcn","free":true,"listed":false,"github":"https://github.com/sadmann7/diagramcn","clone":"git clone https://github.com/sadmann7/diagramcn.git","description":"Visualize shadcn registries with diagrams.","language":"TypeScript","stars":27,"topics":["diagram","shadcn-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"diagramcn A diagram visualization tool for shadcn/ui registry components. Features - [x] Interactive diagram visualization - [x] Zoom in/out and center view controls - [x] Collapsible nodes for better organization - [x] Focus on specific nodes - [x] Responsive layout with mobile support - [x] Real-time JSON parsing and visualization - [x] Beautiful and modern UI with dark mode support Tech Stack - Framework: Next.js - Styling: Tailwind CSS - UI Components: shadcn/ui - Diagram Components: Reaflow - JSON Parsing: jsonc-parser - Validation: Zod Getting Started First, run the development server: Open http://localhost:3000 with your browser to see the result. How to Use 1. Enter a shadcn/ui registry command or URL in the input field 2. The diagram will automatically generate showing component dependencies 3. Use the toolbar to: - Zoom in/out - Center view - Focus on specific nodes 4. Click on nodes to expand/collapse their children 5. Toggle between light and dark modes 6. Edit the registry JSON directly in the editor panel Learn More To learn more about the technologies used in this project: - Next.js Documentation - shadcn/ui Documentation - Reaflow Documentation - Tailwind CSS Documentation Deploy on Vercel The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js. Check out our Next.js deployment documentation for more details. Credits - jsoncrack.com - For the json parser, node layout.","default_branch":null,"files":null,"tree":[],"storefront":"/r/sadmann7","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sadmann7/diagramcn/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}