{"data":{"slug":"aestheticsuraj234-vibecode-playground","name":"vibecode-playground","tagline":"A fullstack web-based IDE with AI-powered code suggestions","github_url":"https://github.com/Aestheticsuraj234/vibecode-playground","owner":"Aestheticsuraj234","repo":"vibecode-playground","owner_avatar_url":"https://avatars.githubusercontent.com/u/107530887?v=4","primary_language":"TypeScript","stars":146,"forks":65,"topics":["ai-autocomplete","browser-ide","code-editor","developer-tools","fullstack","javascript-editor","local-llm","monaco-editor","nextauth","nextjs","ollama","shadcn-ui","tailwindcss","typescript","web-ide","webcontainers","xtermjs"],"archived":false,"github_pushed_at":"2025-08-06T15:11:58+00:00","maintenance_label":"Dormant","stars_delta_30d":1,"url":"https://www.graphcanon.com/tools/aestheticsuraj234-vibecode-playground","markdown_url":"https://www.graphcanon.com/tools/aestheticsuraj234-vibecode-playground.md","api_url":"https://www.graphcanon.com/api/graphcanon/tools/aestheticsuraj234-vibecode-playground","graph_url":"https://www.graphcanon.com/api/graphcanon/graph?tool=aestheticsuraj234-vibecode-playground","description":"Vibecode Editor is a fullstack, web-based IDE built with Next.js and Monaco Editor. It features real-time code execution using WebContainers, AI-powered code suggestions via locally running Ollama models, multi-stack templates, an integrated terminal, and a developer-focused UI for seamless coding in the browser.","homepage_url":null,"license":null,"open_issues":1,"watchers":4,"ai_summary":"Vibecode Editor is a web-based integrated development environment (IDE) that includes real-time code execution using WebContainers and integrates locally running Ollama models for AI-powered code suggestions.","readme_excerpt":"### 2. Install Dependencies\n\n```bash\nnpm install\n```\n\n---\n\n## 📄 License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n---","github_created_at":"2025-05-05T06:42:25+00:00","created_at":"2026-07-15T11:01:55.804285+00:00","updated_at":"2026-09-20T05:08:54.531639+00:00","categories":[{"slug":"developer-tools","name":"Developer Tools","url":"https://www.graphcanon.com/categories/developer-tools","markdown_url":"https://www.graphcanon.com/categories/developer-tools.md","api_url":"https://www.graphcanon.com/api/graphcanon/categories/developer-tools"},{"slug":"llm-frameworks","name":"LLM Frameworks","url":"https://www.graphcanon.com/categories/llm-frameworks","markdown_url":"https://www.graphcanon.com/categories/llm-frameworks.md","api_url":"https://www.graphcanon.com/api/graphcanon/categories/llm-frameworks"}],"tags":[{"slug":"ai-autocomplete","name":"ai-autocomplete"},{"slug":"browser-ide","name":"browser-ide"},{"slug":"code-editor","name":"code-editor"},{"slug":"fullstack","name":"fullstack"},{"slug":"local-llm","name":"local-llm"},{"slug":"typescript","name":"typescript"},{"slug":"webcontainers","name":"webcontainers"}],"trust":{"provenance":{"is_fork":false,"github_id":977901164,"owner_type":"User","methodology":"github_public_v1","parent_repo":null,"near_duplicate_slugs":[]},"computed_at":"2026-09-20T05:08:52.304Z","maintenance":{"label":"Dormant","score":18,"methodology":"github_public_v1","releases_90d":0,"days_since_push":409,"last_release_at":null,"stars_delta_30d":1,"open_issues_delta_30d":0},"security_summary":{"status":"no_lockfile","scanner":null,"low_count":0,"high_count":0,"last_scan_at":"2026-07-15T11:01:57.327Z","medium_count":0,"scan_profile":"none","critical_count":0}},"capability_facts":{"mcp":{"source":"repo_scan","observed_at":"2026-09-20T05:08:53.318Z","server_manifest":false},"scan":{"source":"repo_scan","observed_at":"2026-09-20T05:08:53.318Z"},"has_cli":{"value":true,"source":"package.json:bin|scripts","observed_at":"2026-09-20T05:08:53.318Z"},"languages":{"value":["typescript","javascript"],"source":"github.language+package.json","observed_at":"2026-09-20T05:08:53.318Z"}},"decision_facts":{"hosting":null,"pricing":null,"requirements":null,"constraints":null,"when_to_use":["- You are working on complex projects where you can benefit from AI-generated code snippets in a seamless browser environment.","- You prefer using TypeScript alongside Next.js and other cutting-edge frontend technologies like Shadcn UI and TailwindCSS."],"when_not_to_use":["- If your workflow strictly adheres to desktop-based IDE usage, as Vibecode Playground operates exclusively within the web browser.","- When working without internet, since local Ollama models integration still requires a running instance of WebContainers for real-time support."],"source":"enrich:decision_facts","observed_at":"2026-07-17T11:47:58.330Z"},"constraint_facets":null,"decision_summary":[{"label":"Adopt for","value":"Vibecode Playground, an AI-powered fullstack web IDE featuring real-time code execution with WebContainers and locally integrated Ollama models for suggestions."},{"label":"License detail","value":"The project has an MIT License, providing freedom over use and distribution but devoiding warranties or liabilities according to open-source software standards."}]}}