[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"workflow-asset-1d0a8353":3,"seo:featured-workflow:1d0a8353-4cf2-11f1-9bc6-00163e2b0d79:en":84,"workflow-related-asset-1d0a8353-1d0a8353-4cf2-11f1-9bc6-00163e2b0d79":85},{"id":4,"uuid":5,"slug":6,"title":7,"description":8,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":13,"parent_id":12,"parent_uuid":11,"lang_type":14,"steps":15,"tags":22,"has_voted":28,"visibility":18,"share_token":11,"is_featured":12,"content_hash":29,"asset_kind":30,"target_tools":31,"install_mode":35,"entrypoint":19,"risk_profile":36,"dependencies":39,"verification":45,"agent_metadata":48,"agent_fit":61,"trust":71,"provenance":80,"created_at":82,"updated_at":83},3001,"1d0a8353-4cf2-11f1-9bc6-00163e2b0d79","asset-1d0a8353","Builder.io — Visual Development SDK for React, Vue and More","An open-source visual development SDK that enables drag-and-drop page building using your own React, Vue, Svelte, or Qwik components, with output as clean code or publishable content.","8a910e34-3180-11f1-9bc6-00163e2b0d79","Script Depot","",0,4,"en",[16],{"id":17,"step_order":18,"title":19,"description":11,"prompt_template":20,"variables":11,"depends_on":21,"expected_output":11},3564,1,"Builder.io SDK Overview","# Builder.io — Visual Development SDK for React, Vue and More\n\n## Quick Use\n```bash\nnpm install @builder.io\u002Fsdk-react\n```\n\n```jsx\nimport { BuilderComponent, builder } from '@builder.io\u002Fsdk-react';\nbuilder.init('YOUR_PUBLIC_API_KEY');\n\nexport default function Page({ builderContent }) {\n  return \u003CBuilderComponent model=\"page\" content={builderContent} \u002F>;\n}\n```\n\n## Introduction\nBuilder.io provides an open-source SDK that renders visually-designed content inside your application using your own components. Developers register their React, Vue, Svelte, or Qwik components, and content editors assemble pages visually through the Builder drag-and-drop interface.\n\n## What Builder.io Does\n- Renders visual content built in a drag-and-drop editor using your framework components\n- Provides SDKs for React, Next.js, Vue, Nuxt, Svelte, Qwik, Angular, and more\n- Allows component registration so editors use your design system, not generic HTML blocks\n- Delivers content via a CDN-backed API with A\u002FB testing and targeting built in\n- Supports Figma-to-code conversion to generate components from design files\n\n## Architecture Overview\nThe Builder SDK works as a rendering layer. Content is authored in the Builder visual editor and stored as a structured JSON document on the Builder CDN. At render time, the SDK fetches the content JSON and maps each block to the corresponding registered component in your application. Custom components are registered with metadata describing their inputs, so the visual editor knows how to configure them. The SDK supports both server-side and client-side rendering.\n\n## Self-Hosting & Configuration\n- Install the SDK for your framework (e.g., `@builder.io\u002Fsdk-react` for React)\n- Initialize the SDK with your public API key from the Builder dashboard\n- Register custom components using `Builder.registerComponent()` with input definitions\n- Fetch content by model name and URL path, then pass it to the `BuilderComponent`\n- Use the `@builder.io\u002Fdev-tools` package for local development with live preview\n\n## Key Features\n- Multi-framework: a single visual editor works across React, Vue, Svelte, Qwik, and Angular\n- Component-driven: editors build with your real components, not generic HTML\n- A\u002FB testing: built-in split testing with automatic winner selection\n- Scheduling and targeting: publish content based on date ranges, audiences, or URL patterns\n- Figma integration: import designs and generate editable components from Figma files\n\n## Comparison with Similar Tools\n- **GrapesJS** — standalone HTML builder; Builder.io integrates into your existing component framework\n- **Storyblok** — headless CMS with visual editing; Builder.io focuses on component-driven page building with its own SDKs\n- **Plasmic** — visual builder for React; Builder.io supports multiple frameworks and includes A\u002FB testing\n- **Contentful** — API-first CMS without visual editing; Builder.io combines content delivery with a visual page builder\n- **Webflow** — all-in-one website builder; Builder.io embeds into your existing codebase as a component\n\n## FAQ\n**Q: Is the SDK open source?**\nA: Yes. The rendering SDKs are open source under the MIT license. The visual editor and hosting are provided as a service through Builder.io.\n\n**Q: Can I use Builder.io with server-side rendering?**\nA: Yes. The SDK supports SSR with Next.js, Nuxt, SvelteKit, and other server-rendering frameworks. Content is fetched at build or request time and rendered on the server.\n\n**Q: Do I need the Builder.io platform to use the SDK?**\nA: The SDK renders content from the Builder API. You need a Builder.io account (free tier available) to create content in the visual editor. The SDK itself is open source.\n\n**Q: How does Builder.io handle performance?**\nA: Content is served from a global CDN. The SDK lazy-loads components and supports static generation, so pages can be pre-rendered at build time with no client-side content fetches.\n\n## Sources\n- https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fbuilder\n- https:\u002F\u002Fwww.builder.io\u002Fc\u002Fdocs\u002Fdevelopers","0",[23],{"id":24,"name":25,"slug":26,"icon":27},11,"Scripts","script","📜",false,"563cb4cbd67e5892e63772ba0bf58f635171f42f1c684a5c930fc97a1bcfcb31","skill",[32,33,34],"claude_code","codex","gemini_cli","stage_only",{"executes_code":28,"modifies_global_config":28,"requires_secrets":37,"uses_absolute_paths":28,"network_access":28},[38],"YOUR_PUBLIC_API_KEY",{"npm":40,"pip":42,"brew":43,"system":44},[41],"@builder.io\u002Fsdk-react",[],[],[],{"commands":46,"expected_files":47},[],[19],{"asset_kind":30,"target_tools":49,"install_mode":35,"entrypoint":19,"risk_profile":50,"dependencies":52,"content_hash":29,"verification":57,"inferred":60},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":51,"uses_absolute_paths":28,"network_access":28},[38],{"npm":53,"pip":54,"brew":55,"system":56},[41],[],[],[],{"commands":58,"expected_files":59},[],[19],true,{"target":33,"score":62,"status":35,"policy":35,"why":63,"asset_kind":30,"install_mode":35},29,[64,65,66,67,68,69,70],"target_tools includes codex","asset_kind skill","install_mode stage_only","policy stage_only","install_mode is stage_only","risk_profile.requires_secrets is not empty","trust established",{"author_trust_level":72,"verified_publisher":28,"asset_signed_hash":29,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":74,"review_status":76,"signals":77},"established","hash_only",[75,35],"requires_secrets","unreviewed",[78,79],"author has published assets","content hash available",{"owner_uuid":9,"owner_name":10,"source_url":81,"content_hash":29,"visibility":18,"created_at":82,"updated_at":83},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fasset-1d0a8353","2026-05-11 12:30:17","2026-05-11 16:27:45",null,[86,147,210,257],{"id":87,"uuid":88,"slug":89,"title":90,"description":91,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":92,"parent_id":12,"parent_uuid":11,"lang_type":14,"steps":93,"tags":94,"has_voted":28,"visibility":18,"share_token":11,"is_featured":12,"content_hash":96,"asset_kind":30,"target_tools":97,"install_mode":98,"entrypoint":99,"risk_profile":100,"dependencies":102,"verification":107,"agent_metadata":110,"agent_fit":122,"trust":131,"provenance":135,"created_at":137,"updated_at":138,"__relatedScore":139,"__relatedReasons":140,"__sharedTags":145},2995,"845d14c0-4cf1-11f1-9bc6-00163e2b0d79","asset-845d14c0","GrapesJS — Open-Source Web Builder Framework","A free and open-source web builder framework for creating HTML templates and landing pages without writing code, featuring a drag-and-drop editor, extensible plugin system, and full API control.",7,[],[95],{"id":24,"name":25,"slug":26,"icon":27},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",[32,33,34],"single","SKILL.md",{"executes_code":28,"modifies_global_config":28,"requires_secrets":101,"uses_absolute_paths":28,"network_access":28},[],{"npm":103,"pip":104,"brew":105,"system":106},[],[],[],[],{"commands":108,"expected_files":109},[],[],{"asset_kind":30,"target_tools":111,"install_mode":98,"entrypoint":99,"risk_profile":112,"dependencies":114,"content_hash":96,"verification":119,"inferred":60},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":113,"uses_absolute_paths":28,"network_access":28},[],{"npm":115,"pip":116,"brew":117,"system":118},[],[],[],[],{"commands":120,"expected_files":121},[],[],{"target":33,"score":123,"status":124,"policy":125,"why":126,"asset_kind":30,"install_mode":98},98,"native","allow",[64,65,127,128,129,130,70],"install_mode single","markdown-only","policy allow","safe markdown-only Codex install",{"author_trust_level":72,"verified_publisher":28,"asset_signed_hash":96,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":132,"review_status":76,"signals":133},[],[78,79,134],"no dangerous capability badges",{"owner_uuid":9,"owner_name":10,"source_url":136,"content_hash":96,"visibility":18,"created_at":137,"updated_at":138},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fasset-845d14c0","2026-05-11 12:26:01","2026-05-11 16:55:19",92.35463498048792,[141,142,143,144],"topic-match","same-kind","same-target","same-author",[26,146],"scripts",{"id":148,"uuid":149,"slug":150,"title":151,"description":152,"author_id":153,"author_name":154,"author_avatar":11,"token_estimate":155,"time_saved":12,"model_used":156,"fork_count":12,"vote_count":12,"view_count":157,"parent_id":12,"parent_uuid":11,"lang_type":14,"steps":158,"tags":159,"has_voted":28,"visibility":18,"share_token":11,"is_featured":12,"content_hash":165,"asset_kind":30,"target_tools":166,"install_mode":98,"entrypoint":151,"risk_profile":167,"dependencies":169,"verification":174,"agent_metadata":177,"agent_fit":189,"trust":198,"provenance":203,"created_at":205,"updated_at":206,"__relatedScore":207,"__relatedReasons":208,"__sharedTags":209},732,"7f8a8ada-8ec6-4a6b-b32d-013b2527ddbb","langflow-visual-ai-workflow-builder-7f8a8ada","Langflow — Visual AI Workflow Builder","Low-code visual builder for AI workflows and RAG pipelines. Drag-and-drop components for LLMs, vector stores, tools, and agents with Python extensibility.","8a910fec-3180-11f1-9bc6-00163e2b0d79","Agent Toolkit",3800,"mixed",149,[],[160],{"id":161,"name":162,"slug":163,"icon":164},9,"Workflows","workflow","⚡","a4cd680adf521b457926f17c13423a9c3e12a5313421acfc767b358f798c71a8",[32,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":168,"uses_absolute_paths":28,"network_access":60},[],{"npm":170,"pip":171,"brew":172,"system":173},[],[],[],[],{"commands":175,"expected_files":176},[],[151],{"asset_kind":30,"target_tools":178,"install_mode":98,"entrypoint":151,"risk_profile":179,"dependencies":181,"content_hash":165,"verification":186},[32,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":180,"uses_absolute_paths":28,"network_access":60},[],{"npm":182,"pip":183,"brew":184,"system":185},[],[],[],[],{"commands":187,"expected_files":188},[],[151],{"target":33,"score":190,"status":191,"policy":192,"why":193,"asset_kind":30,"install_mode":98},64,"needs_confirmation","confirm",[194,65,127,195,196,197,70],"target_tools does not include codex","policy confirm","metadata target_tools does not include codex","risk_profile.network_access is true",{"author_trust_level":72,"verified_publisher":28,"asset_signed_hash":165,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":199,"review_status":76,"signals":201},[200],"network_access",[202,78,79],"asset has usage views",{"owner_uuid":153,"owner_name":154,"source_url":204,"content_hash":165,"visibility":18,"created_at":205,"updated_at":206},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Flangflow-visual-ai-workflow-builder-7f8a8ada","2026-04-07 19:50:23","2026-05-11 14:39:00",91.26413688858352,[141,142,143],[],{"id":211,"uuid":212,"slug":213,"title":214,"description":215,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":216,"parent_id":12,"parent_uuid":11,"lang_type":14,"steps":217,"tags":218,"has_voted":28,"visibility":18,"share_token":11,"is_featured":12,"content_hash":220,"asset_kind":30,"target_tools":221,"install_mode":98,"entrypoint":222,"risk_profile":223,"dependencies":225,"verification":230,"agent_metadata":233,"agent_fit":245,"trust":247,"provenance":250,"created_at":252,"updated_at":253,"__relatedScore":254,"__relatedReasons":255,"__sharedTags":256},2054,"81320931-3fb6-11f1-9bc6-00163e2b0d79","react-admin-frontend-framework-admin-panels-rest-graphql-81320931","React Admin — Frontend Framework for Admin Panels on REST and GraphQL","React Admin is an open-source frontend framework for building admin interfaces and internal tools on top of REST or GraphQL APIs using React and Material Design components.",87,[],[219],{"id":24,"name":25,"slug":26,"icon":27},"17fda7728db5d43ef3ca5b78b95c32d9af47c3ec8a128bcc4f4162a2a061e67b",[32,33,34],"React Admin Overview",{"executes_code":28,"modifies_global_config":28,"requires_secrets":224,"uses_absolute_paths":28,"network_access":28},[],{"npm":226,"pip":227,"brew":228,"system":229},[],[],[],[],{"commands":231,"expected_files":232},[],[222],{"asset_kind":30,"target_tools":234,"install_mode":98,"entrypoint":222,"risk_profile":235,"dependencies":237,"content_hash":220,"verification":242},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":236,"uses_absolute_paths":28,"network_access":28},[],{"npm":238,"pip":239,"brew":240,"system":241},[],[],[],[],{"commands":243,"expected_files":244},[],[222],{"target":33,"score":123,"status":124,"policy":125,"why":246,"asset_kind":30,"install_mode":98},[64,65,127,128,129,130,70],{"author_trust_level":72,"verified_publisher":28,"asset_signed_hash":220,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":248,"review_status":76,"signals":249},[],[78,79,134],{"owner_uuid":9,"owner_name":10,"source_url":251,"content_hash":220,"visibility":18,"created_at":252,"updated_at":253},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Freact-admin-frontend-framework-admin-panels-rest-graphql-81320931","2026-04-24 16:20:50","2026-05-11 13:45:44",90.91672400822526,[141,142,143,144],[26,146],{"id":258,"uuid":259,"slug":260,"title":261,"description":262,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":263,"parent_id":12,"parent_uuid":11,"lang_type":14,"steps":264,"tags":265,"has_voted":28,"visibility":18,"share_token":11,"is_featured":12,"content_hash":267,"asset_kind":30,"target_tools":268,"install_mode":35,"entrypoint":99,"risk_profile":269,"dependencies":274,"verification":279,"agent_metadata":282,"agent_fit":294,"trust":296,"provenance":299,"created_at":301,"updated_at":302,"__relatedScore":303,"__relatedReasons":304,"__sharedTags":305},919,"ed9cefd6-34ae-11f1-9bc6-00163e2b0d79","budibase-open-source-low-code-app-builder-ed9cefd6","Budibase — Open Source Low-Code App Builder","Budibase is an open-source low-code platform for building internal tools, admin panels, dashboards, and workflow apps in minutes. Connect any database and deploy instantly.",163,[],[266],{"id":24,"name":25,"slug":26,"icon":27},"ce4e6688139e7fe812c8bde5be5b9506969f4b939b6e9d4ab1d1b3962a52ff6a",[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":270,"uses_absolute_paths":28,"network_access":28},[271,272,273],"INTERNAL_API_KEY","JWT_SECRET","MINIO_SECRET_KEY",{"npm":275,"pip":276,"brew":277,"system":278},[],[],[],[],{"commands":280,"expected_files":281},[],[11],{"asset_kind":30,"target_tools":283,"install_mode":35,"entrypoint":99,"risk_profile":284,"dependencies":286,"content_hash":267,"verification":291},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":285,"uses_absolute_paths":28,"network_access":28},[271,272,273],{"npm":287,"pip":288,"brew":289,"system":290},[],[],[],[],{"commands":292,"expected_files":293},[],[11],{"target":33,"score":62,"status":35,"policy":35,"why":295,"asset_kind":30,"install_mode":35},[64,65,66,67,68,69,70],{"author_trust_level":72,"verified_publisher":28,"asset_signed_hash":267,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":297,"review_status":76,"signals":298},[75,35],[202,78,79],{"owner_uuid":9,"owner_name":10,"source_url":300,"content_hash":267,"visibility":18,"created_at":301,"updated_at":302},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fbudibase-open-source-low-code-app-builder-ed9cefd6","2026-04-10 15:28:54","2026-05-10 22:40:53",89.32226577207155,[141,142,143,144],[26,146]]