chatdemo

{
“type”: “doc”,
“content”: [
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “608edf9d-8161-4a08-8b08-1a63220f69ab”,
“data-toc-id”: “608edf9d-8161-4a08-8b08-1a63220f69ab”,
“level”: 1
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “tiptap-apcore”
}
]
},
{
“type”: “blockquote”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Let AI safely control your TipTap editor via the ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://modelcontextprotocol.io/”,
“target”: “_blank”,
“rel”: “nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “underline”
}
],
“text”: “Model Context Protocol (MCP)”
},
{
“type”: “text”,
“text”: ” and OpenAI Function Calling.”
}
]
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “tiptap-apcore”
},
{
“type”: “text”,
“text”: ” wraps every TipTap editor command as a schema-driven ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://github.com/aiperceivable”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “underline”
}
],
“text”: “APCore”
},
{
“type”: “text”,
“text”: ” module — complete with JSON Schema validation, safety annotations, and fine-grained access control. Any MCP-compatible AI agent can then discover and invoke these modules to read, format, insert, or restructure rich-text content.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://camo.githubusercontent.com/798509b4df525f56802b56f8096862487f08023e3d7561c68656f8dab10d0d6e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4170616368652d2d322e302d626c75652e737667”,
“alt”: “License”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “center”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://camo.githubusercontent.com/4f702f8adc00c79e7e2abdc36beb3d3737ab815c52d8d9b069ad12e21ebf821d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5469705461702d76322d677265656e2e737667”,
“alt”: “TipTap”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “ee09c426-e5f9-464b-ad0f-5a0efca9d83d”,
“data-toc-id”: “ee09c426-e5f9-464b-ad0f-5a0efca9d83d”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Features”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “79 built-in commands”
},
{
“type”: “text”,
“text”: ” across 7 categories (query, format, content, destructive, selection, history, unknown)”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Automatic extension discovery”
},
{
“type”: “text”,
“text”: ” — scans TipTap extensions at runtime, no manual wiring”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “MCP Server”
},
{
“type”: “text”,
“text”: ” in one line — ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “serve(executor)”
},
{
“type”: “text”,
“text”: ” exposes all commands via stdio / HTTP / SSE”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “OpenAI Function Calling”
},
{
“type”: “text”,
“text”: ” — ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “toOpenaiTools(executor)”
},
{
“type”: “text”,
“text”: ” exports tool definitions for GPT”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Role-based ACL”
},
{
“type”: “text”,
“text”: ” — ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “readonly”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “editor”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “admin”
},
{
“type”: “text”,
“text”: ” roles with tag-level and module-level overrides”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Safety annotations”
},
{
“type”: “text”,
“text”: ” — every command tagged ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “readonly”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “destructive”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “idempotent”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “requiresApproval”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “openWorld”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “streaming”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Preview & approval”
},
{
“type”: “text”,
“text”: ” — ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore.validate()”
},
{
“type”: “text”,
“text”: ” predicts a command’s effects ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “italic”
}
],
“text”: “before”
},
{
“type”: “text”,
“text”: ” running it; over MCP this drives the ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “__apcore_module_preview”
},
{
“type”: “text”,
“text”: ” meta-tool and gates high-risk commands behind human approval automatically”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Audit logging”
},
{
“type”: “text”,
“text”: ” — opt-in structured ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “allow”
},
{
“type”: “text”,
“text”: ” / ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “deny”
},
{
“type”: “text”,
“text”: ” audit trail (”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “audit: true”
},
{
“type”: “text”,
“text”: ” → ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore.getAuditLog()”
},
{
“type”: “text”,
“text”: “, or supply your own logger)”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Strict JSON Schemas”
},
{
“type”: “text”,
“text”: ” — ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “inputSchema”
},
{
“type”: “text”,
“text”: ” + ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “outputSchema”
},
{
“type”: “text”,
“text”: ” with ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “additionalProperties: false”
},
{
“type”: “text”,
“text”: ” for all known commands”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Dynamic re-discovery”
},
{
“type”: “text”,
“text”: ” — call ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore.refresh()”
},
{
“type”: “text”,
“text”: ” or ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “registry.discover()”
},
{
“type”: “text”,
“text”: ” to pick up extensions added at runtime”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Dynamic ACL”
},
{
“type”: “text”,
“text”: ” — call ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore.setAcl()”
},
{
“type”: “text”,
“text”: ” to switch roles without recreating the instance”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Framework agnostic”
},
{
“type”: “text”,
“text”: ” — works with React, Vue, Angular, or Vanilla JS”
}
]
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “b9bee579-351c-4697-8f00-4b3c856c1100”,
“data-toc-id”: “b9bee579-351c-4697-8f00-4b3c856c1100”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Installation”
}
]
},
{
“type”: “codeBlock”,
“attrs”: {
“language”: null
},
“content”: [
{
“type”: “text”,
“text”: “npm install tiptap-apcore apcore-js apcore-mcp @tiptap/core”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore-js”
},
{
“type”: “text”,
“text”: “, ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “apcore-mcp”
},
{
“type”: “text”,
“text”: “, and ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “@tiptap/core”
},
{
“type”: “text”,
“text”: ” are peer dependencies.”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “e536e72a-e061-482b-a17c-875fac22a267”,
“data-toc-id”: “e536e72a-e061-482b-a17c-875fac22a267”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Quick Start”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “ba4da22c-86ed-4003-87ea-bac812e8c777”,
“data-toc-id”: “ba4da22c-86ed-4003-87ea-bac812e8c777”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Using ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “TiptapAPCore”
},
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: ” class (recommended)”
}
]
},
{
“type”: “codeBlock”,
“attrs”: {
“language”: null
},
“content”: [
{
“type”: “text”,
“text”: “import { Editor } from \”@tiptap/core\”;\nimport StarterKit from \”@tiptap/starter-kit\”;\nimport { TiptapAPCore } from \”tiptap-apcore\”;\n\n// 1. Create a TipTap editor\nconst editor = new Editor({\n extensions: [StarterKit],\n content: \”

Hello world

\”,\n});\n\n// 2. Create the APCore instance\nconst apcore = new TiptapAPCore(editor, {\n acl: { role: \”editor\” }, // no destructive ops\n});\n\n// 3. Call commands directly\nawait apcore.call(\”tiptap.format.toggleBold\”, {});\nconst { html } = await apcore.call(\”tiptap.query.getHTML\”, {});\n\n// 4. Switch roles at runtime (e.g. when user toggles admin mode)\napcore.setAcl({ role: \”admin\” });\n\n// 5. Launch an MCP Server (Node.js only — import from tiptap-apcore/server)\nimport { serve } from \”tiptap-apcore/server\”;\nawait serve(apcore.executor);\n\n// 6. Or export OpenAI tool definitions\nimport { toOpenaiTools } from \”tiptap-apcore/server\”;\nconst tools = toOpenaiTools(apcore.executor);”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “51b0d4c8-42e5-4f9a-8625-e681b171003b”,
“data-toc-id”: “51b0d4c8-42e5-4f9a-8625-e681b171003b”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Using ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “withApcore”
},
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: ” factory (shortcut)”
}
]
},
{
“type”: “codeBlock”,
“attrs”: {
“language”: null
},
“content”: [
{
“type”: “text”,
“text”: “import { withApcore } from \”tiptap-apcore\”;\n\nconst { registry, executor } = withApcore(editor, {\n acl: { role: \”editor\” },\n});\n\nawait executor.call(\”tiptap.format.toggleBold\”, {});”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “withApcore”
},
{
“type”: “text”,
“text”: ” returns a ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “{ registry, executor }”
},
{
“type”: “text”,
“text”: ” pair. Use it when you don’t need dynamic ACL updates or the convenience methods on ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “code”
}
],
“text”: “TiptapAPCore”
},
{
“type”: “text”,
“text”: “.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://media0.giphy.com/media/v1.Y2lkPTZjMDliOTUyZ25pbWhjM3VzazY0eXd3Nmg4MWcxdGE4Z3FodzRrN3IyNXhkdXcybSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/uIJBFZoOaifHf52MER/200w.gif”,
“alt”: “Infinite Loading GIFs – Find & Share on GIPHY”,
“title”: null,
“width”: “20%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “13d9e624-6e2c-4473-9c04-d09eb46f248f”,
“data-toc-id”: “13d9e624-6e2c-4473-9c04-d09eb46f248f”,
“level”: 1
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Build in a weekend”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “rgb(62, 207, 142)”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Scale to millions”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Start your project with a Postgres database. Add Authentication, Data APIs, Edge Functions, Realtime Data, Storage, and Vector embeddings.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/dashboard”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-regular ease-out duration-200 rounded-md transition-colors focus-ring border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 text-base md:text-sm px-4 py-2 h-[38px]”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
}
],
“text”: “Start your project”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/contact/sales”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-regular ease-out duration-200 rounded-md transition-colors focus-ring border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger data-[state=open]:bg-selection data-[state=open]:border-button-hover text-base md:text-sm px-4 py-2 h-[38px]”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
}
],
“text”: “Request a demo”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “2a71a326-6468-4227-af9f-163f8f11458d”,
“data-toc-id”: “2a71a326-6468-4227-af9f-163f8f11458d”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Postgres Database”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
}
],
“text”: “Every project is ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “a full Postgres database”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
}
],
“text”: “, the world’s most trusted relational database.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “100% portable”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “Built-in Auth with RLS”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/database”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “Easy to extend”
}
]
}
]
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&w=3840&q=100”,
“alt”: “Supabase Postgres database”,
“title”: null,
“width”: “99.57446808510639%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “e52b4acc-63c9-4755-826c-1177b286547d”,
“data-toc-id”: “e52b4acc-63c9-4755-826c-1177b286547d”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/auth”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Authentication”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/auth”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Add user sign ups and logins”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/auth”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “,”
},
{
“type”: “hardBreak”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/auth”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
]
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/auth”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “securing your data with Row Level Security.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/auth.svg”,
“alt”: “Supabase Authentication user db rows”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/auth-active.svg”,
“alt”: “Supabase Authentication user db rows”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “9d5242c4-9ec2-48d7-a7b6-6acc4445db92”,
“data-toc-id”: “9d5242c4-9ec2-48d7-a7b6-6acc4445db92”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Edge Functions”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “Easily write custom code”
},
{
“type”: “hardBreak”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
]
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “without deploying or scaling servers.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/edge-functions-dark.svg”,
“alt”: “Supabase Edge Functions globe”,
“title”: null,
“width”: “81.70212765957447%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
}
],
“text”: “$supabase”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/edge-functions”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “rgb(62, 207, 142)”,
“fontSize”: “”
}
}
],
“text”: “functions deploy”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “600540fa-0282-46e9-be38-47d37cd8ffc6”,
“data-toc-id”: “600540fa-0282-46e9-be38-47d37cd8ffc6”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/storage”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Storage”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/storage”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Store, organize, and serve”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/storage”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: ” large files, from videos to images.”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “c4968600-795d-4d05-af61-e30e5d8216d0”,
“data-toc-id”: “c4968600-795d-4d05-af61-e30e5d8216d0”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/realtime”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3 hover:cursor-[url(‘/images/index/products/realtime-cursor-light.svg’),auto]! dark:hover:cursor-[url(‘/images/index/products/realtime-cursor-dark.svg’),auto]!”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Realtime”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/realtime”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3 hover:cursor-[url(‘/images/index/products/realtime-cursor-light.svg’),auto]! dark:hover:cursor-[url(‘/images/index/products/realtime-cursor-dark.svg’),auto]!”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Build multiplayer experiences”
},
{
“type”: “hardBreak”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/realtime”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3 hover:cursor-[url(‘/images/index/products/realtime-cursor-light.svg’),auto]! dark:hover:cursor-[url(‘/images/index/products/realtime-cursor-dark.svg’),auto]!”,
“title”: null
}
}
]
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/realtime”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3 hover:cursor-[url(‘/images/index/products/realtime-cursor-light.svg’),auto]! dark:hover:cursor-[url(‘/images/index/products/realtime-cursor-dark.svg’),auto]!”,
“title”: null
}
}
],
“text”: “with real-time data synchronization.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/realtime-dark.svg”,
“alt”: “Supabase Realtime”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “8fb8a1b6-1c50-4f8f-a0d9-238d9d07d7ab”,
“data-toc-id”: “8fb8a1b6-1c50-4f8f-a0d9-238d9d07d7ab”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Vector”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “Integrate your favorite ML-models to ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “store, index and search vector embeddings”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “OpenAI”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/modules/vector”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “Hugging Face”
}
]
}
]
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/vector-dark.svg”,
“alt”: “Supabase Vector graph”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “a5f1beeb-6e5c-45c0-879a-08b264774668”,
“data-toc-id”: “a5f1beeb-6e5c-45c0-879a-08b264774668”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/docs/guides/api”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Data APIs”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/docs/guides/api”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “Instant ready-to-use ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/docs/guides/api”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “REST APIs”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://supabase.com/docs/guides/api”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3”,
“title”: null
}
}
],
“text”: “.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-dark.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-light.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-dark.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-light.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-dark.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-lines-light.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: 330,
“height”: 430,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/images/index/products/data-apis-dark.svg”,
“alt”: “Supabase restful DataAPIs”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
}
],
“text”: “Use one or all.”
},
{
“type”: “text”,
“text”: ” Best of breed products. Integrated as a platform.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Trusted by fast-growing companies worldwide”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “603aa854-8c23-4f95-914f-9f2958e5595d”,
“data-toc-id”: “603aa854-8c23-4f95-914f-9f2958e5595d”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Stay productive and manage your app”
},
{
“type”: “hardBreak”,
“marks”: [
{
“type”: “bold”
}
]
},
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “without leaving the dashboard”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Table EditorSQL EditorRLS Policies”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://supabase.com/_next/image?url=%2Fimages%2Findex%2Fdashboard%2Fsupabase-table-editor.png&w=3840&q=75”,
“alt”: “Supabase dashboard table editor”,
“title”: null,
“width”: 1920,
“height”: 1080,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “4b2c3986-997a-4e56-8422-566dca21fb6c”,
“data-toc-id”: “4b2c3986-997a-4e56-8422-566dca21fb6c”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Use Supabase with”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.95 0.00275 159)”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “React”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
},
{
“type”: “orderedList”,
“attrs”: {
“start”: 1,
“type”: null
},
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “hover:text-foreground transition-colors”,
“title”: null
}
}
],
“text”: “Home”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “hover:text-foreground transition-colors”,
“title”: null
}
}
],
“text”: “Templates”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “”
}
}
],
“text”: “Max”
}
]
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “995fd730-f894-4cb3-b975-c461e9fc1c5e”,
“data-toc-id”: “995fd730-f894-4cb3-b975-c461e9fc1c5e”,
“level”: 1
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Max — Creative Developer”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “A bold ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Next.js + shadcn/ui”
},
{
“type”: “text”,
“text”: ” portfolio template for ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “creative developers & freelance designers”
},
{
“type”: “text”,
“text”: “. Outsized hero, brand list, project showcase, and long-form testimonials.”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/cover.png”,
“alt”: “Max — Creative Developer preview 1”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/01.png”,
“alt”: “Max — Creative Developer preview 2”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/02.png”,
“alt”: “Max — Creative Developer preview 3”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/03.png”,
“alt”: “Max — Creative Developer preview 4”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/04.png”,
“alt”: “Max — Creative Developer preview 5”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “image”,
“attrs”: {
“src”: “https://www.shadcn.io/test/max/05.png”,
“alt”: “Max — Creative Developer preview 6”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/pricing”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-base font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer group min-w-[160px] bg-foreground text-background hover:bg-foreground/90 h-12 px-6 w-full sm:w-[200px]”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Get Pro”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/dashboard/template”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-base font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer group min-w-[160px] border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-12 px-6 w-full sm:w-[200px]”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Download”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “14 premium templates”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “6,000+ blocks”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “MCP for AI agents”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Lifetime updates”
}
]
}
]
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/react”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “React”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/next.js”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “Next.js”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/typescript”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “Typescript”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/shadcn/ui”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “Shadcn/UI”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/tailwindcss”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “Tailwindcss”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/category/figma”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “12px”
}
},
{
“type”: “bold”
}
],
“text”: “Figma”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “by ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “shadcn.io”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/solaris”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Solaris”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/reframe”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Reframe Labs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/spherule”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Spherule”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/max”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Max”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/zel”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Zel Designs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/arete”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Arete”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/lightbox”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Lightbox”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/chatly”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Chatly”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/altshift”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Alt+Shift”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/prodexa”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Prodexa”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/studio-ix”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Studio IX”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/meeting-iq”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “MeetingIQ”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/galileo”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Galileo”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/culio”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground focus-visible:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Culio”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/solaris”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Solaris”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/reframe”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Reframe Labs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/spherule”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Spherule”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/max”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Max”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/zel”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Zel Designs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/arete”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Arete”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/lightbox”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Lightbox”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/chatly”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Chatly”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/altshift”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Alt+Shift”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/prodexa”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Prodexa”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/studio-ix”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Studio IX”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/meeting-iq”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “MeetingIQ”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/galileo”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Galileo”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/culio”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Culio”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/solaris”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Solaris”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/reframe”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Reframe Labs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/spherule”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Spherule”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/max”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Max”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/zel”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Zel Designs”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/arete”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Arete”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/lightbox”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Lightbox”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/chatly”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Chatly”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/altshift”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Alt+Shift”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/prodexa”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Prodexa”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/studio-ix”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Studio IX”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/meeting-iq”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “MeetingIQ”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/galileo”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Galileo”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/template/culio”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “cursor-pointer whitespace-nowrap font-medium text-muted-foreground/70 text-sm transition-colors hover:text-foreground”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Culio”
}
]
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “edfd169e-d012-4ca9-ae6a-68a6daf286e7”,
“data-toc-id”: “edfd169e-d012-4ca9-ae6a-68a6daf286e7”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Live Preview”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Interact with the actual deployed template — every section, every interaction, no mockups.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://max.shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “11px”
}
}
],
“text”: “max.shadcn.io”
}
]
},
{
“type”: “iframe”,
“attrs”: {
“src”: “https://max.shadcn.io/”,
“alt”: null,
“title”: “Max — live preview”,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “b9b345f2-28f1-4988-a7dd-d3b24279410c”,
“data-toc-id”: “b9b345f2-28f1-4988-a7dd-d3b24279410c”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “About Template”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Max is a bold, typography-driven portfolio template built for creative developers and freelance designers. Designed around an outsized headline aesthetic, it positions personal brand and craft front-and-centre — so visitors immediately understand the calibre of work you ship.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Every section is tuned for the freelance / creative-developer use case:”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “079e562c-2e96-4813-896e-8e19c9557479”,
“data-toc-id”: “079e562c-2e96-4813-896e-8e19c9557479”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Core Features”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “9890b72a-be4b-4a44-a1a1-b56c80f7ab13”,
“data-toc-id”: “9890b72a-be4b-4a44-a1a1-b56c80f7ab13”,
“level”: 4
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Bold Typography Hero”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Outsized 7xl heading with a clip-path entrance animation that establishes confident craft on first paint — no marketing fluff, just a name and a value proposition.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “1a481074-d52f-4b3e-b22b-6758aa0f6f98”,
“data-toc-id”: “1a481074-d52f-4b3e-b22b-6758aa0f6f98”,
“level”: 4
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: ““Worked With” Brand List”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Animated brand-name marquee (C2 Montreal, Office Studio, Locomotive, Silencio…) with hover-shift interactions that double as social proof for premium clients.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “edbf31e5-0cba-4d6b-acc2-e577868926e0”,
“data-toc-id”: “edbf31e5-0cba-4d6b-acc2-e577868926e0”,
“level”: 4
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Project Showcase Cards”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Multi-column case-study grid for portfolio work — each card supports a cover image, role, year, and outcome metric so the work tells its own story.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “c8436b1f-68a5-4f50-80d3-90d13bfd6695”,
“data-toc-id”: “c8436b1f-68a5-4f50-80d3-90d13bfd6695”,
“level”: 4
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Long-Form Testimonials”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Indented, large-format quote sections that read as endorsements rather than carousel filler. Built for the kind of testimonial that closes a $50K engagement.”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
}
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “59502c25-8cb9-4e36-859b-9c67bbf11d28”,
“data-toc-id”: “59502c25-8cb9-4e36-859b-9c67bbf11d28”,
“level”: 4
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Contact-First CTA”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Streamlined contact section with email + booking link prominent, designed for the freelancer’s “send me one good email” conversion path rather than a self-serve checkout.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Whether you’re a solo creative developer landing your first client or a senior freelancer running a six-figure book, Max is the high-fidelity foundation that makes premium clients trust you on first impression.”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “9e2da064-f718-4003-9f6f-8da4e52de0e1”,
“data-toc-id”: “9e2da064-f718-4003-9f6f-8da4e52de0e1”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Make premium clients trust you on first impression.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “Unlock Max and every other ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“text”: ” template, block, and component with one Pro plan. One-time payment, lifetime updates.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/pricing”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-base font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer group min-w-[160px] bg-foreground text-background hover:bg-foreground/90 h-12 px-6”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Get Pro”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “https://www.shadcn.io/dashboard/template”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: “inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-base font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer group min-w-[160px] border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-12 px-6”,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “Download”
}
]
},
{
“type”: “bulletList”,
“content”: [
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “14 premium templates”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “6,000+ blocks”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “MCP for AI agents”
}
]
}
]
},
{
“type”: “listItem”,
“content”: [
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “”,
“fontSize”: “”
}
},
{
“type”: “bold”
}
],
“text”: “Lifetime updates”
}
]
}
]
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “7d4982df-0fdc-4e3c-8777-6b82720f1343”,
“data-toc-id”: “7d4982df-0fdc-4e3c-8777-6b82720f1343”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Video Showcase”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “A live tour of the template — autoplaying when in view.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://max.shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “11px”
}
}
],
“text”: “max.shadcn.io”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “6ce1f9d9-43f5-4f5e-9774-feb9c27d37fa”,
“data-toc-id”: “6ce1f9d9-43f5-4f5e-9774-feb9c27d37fa”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Frequently Asked Questions”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Everything you need to know before you ship with Max.”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “05f5f524-6884-4c12-a48a-affec8341562”,
“data-toc-id”: “05f5f524-6884-4c12-a48a-affec8341562”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “What’s included in the Max template?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “b6f0830c-ab7d-4179-b0f6-9563255dd522”,
“data-toc-id”: “b6f0830c-ab7d-4179-b0f6-9563255dd522”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Do I need a Pro subscription to use it?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “9c3210f3-5b3b-460c-ba20-e951b74b3f91”,
“data-toc-id”: “9c3210f3-5b3b-460c-ba20-e951b74b3f91”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Is Max only for solo developers, or does it work for small studios too?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “3085ca6a-4135-4eaa-a0f0-08c6affcd53b”,
“data-toc-id”: “3085ca6a-4135-4eaa-a0f0-08c6affcd53b”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “What’s the stack?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “64fd05c8-3210-4e25-a77d-bba3808d0454”,
“data-toc-id”: “64fd05c8-3210-4e25-a77d-bba3808d0454”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Can I add my own case studies and brand list?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “f760e6b0-b19f-4887-bd5a-d13ff8118528”,
“data-toc-id”: “f760e6b0-b19f-4887-bd5a-d13ff8118528”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Does the hero typography stay readable on small screens?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “3c53eaa5-6b48-4c58-95da-2dee72092fd8”,
“data-toc-id”: “3c53eaa5-6b48-4c58-95da-2dee72092fd8”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Can I customize the brand colors and fonts?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “d230e12d-76f3-4d82-8564-dd836b810a79”,
“data-toc-id”: “d230e12d-76f3-4d82-8564-dd836b810a79”,
“level”: 3
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Will I get future updates?”
}
]
},
{
“type”: “heading”,
“attrs”: {
“textAlign”: null,
“id”: “1dd520b6-cc4f-449f-b6d0-3f232d8e8a6a”,
“data-toc-id”: “1dd520b6-cc4f-449f-b6d0-3f232d8e8a6a”,
“level”: 2
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “bold”
}
],
“text”: “Devs love ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “bold”
}
],
“text”: “shadcn.io”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “We’ve been blown away by the love & support from users”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Alan Obeng-Peprah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Senior Designer @ NativeXAI”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-alan.webp”,
“alt”: “Alan Obeng-Peprah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “I’m thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Desmond”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-desmond.webp”,
“alt”: “Desmond”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “, I literally plug in a template, tweak the copy, and I’m ready to ship.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Duke Opoku Amankwah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Founder @ Midas”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-duke.webp”,
“alt”: “Duke Opoku Amankwah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Abiola Braimah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ Studio IX”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-abiola.webp”,
“alt”: “Abiola Braimah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Alan Obeng-Peprah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Senior Designer @ NativeXAI”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-alan.webp”,
“alt”: “Alan Obeng-Peprah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “I’m thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Desmond”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-desmond.webp”,
“alt”: “Desmond”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “, I literally plug in a template, tweak the copy, and I’m ready to ship.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Duke Opoku Amankwah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Founder @ Midas”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-duke.webp”,
“alt”: “Duke Opoku Amankwah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Abiola Braimah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ Studio IX”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-abiola.webp”,
“alt”: “Abiola Braimah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Alan Obeng-Peprah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Senior Designer @ NativeXAI”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-alan.webp”,
“alt”: “Alan Obeng-Peprah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “I’m thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Desmond”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-desmond.webp”,
“alt”: “Desmond”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “, I literally plug in a template, tweak the copy, and I’m ready to ship.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Duke Opoku Amankwah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Founder @ Midas”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-duke.webp”,
“alt”: “Duke Opoku Amankwah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Abiola Braimah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ Studio IX”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-abiola.webp”,
“alt”: “Abiola Braimah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Alan Obeng-Peprah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Senior Designer @ NativeXAI”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-alan.webp”,
“alt”: “Alan Obeng-Peprah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “I’m thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Desmond”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-desmond.webp”,
“alt”: “Desmond”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “, I literally plug in a template, tweak the copy, and I’m ready to ship.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Duke Opoku Amankwah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Founder @ Midas”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-duke.webp”,
“alt”: “Duke Opoku Amankwah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Abiola Braimah”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ Studio IX”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-abiola.webp”,
“alt”: “Abiola Braimah”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Acromond ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “X.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-acromond.webp”,
“alt”: “Acromond X.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Raquib S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Backend Developer”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-raquib.webp”,
“alt”: “Raquib S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Hallic M.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ AtlasLabs”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-hallic.webp”,
“alt”: “Hallic M.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ibrahim S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Frontend Lead @ ScaleUp”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-ib.webp”,
“alt”: “Ibrahim S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding support and premium quality templates. The ROI on these templates is phenomenal.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Kevin ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “K.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “CEO”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: ” @ WebCraft”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-kevin.webp”,
“alt”: “Kevin K.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Acromond ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “X.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-acromond.webp”,
“alt”: “Acromond X.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Raquib S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Backend Developer”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-raquib.webp”,
“alt”: “Raquib S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Hallic M.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ AtlasLabs”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-hallic.webp”,
“alt”: “Hallic M.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ibrahim S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Frontend Lead @ ScaleUp”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-ib.webp”,
“alt”: “Ibrahim S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding support and premium quality templates. The ROI on these templates is phenomenal.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Kevin ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “K.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “CEO”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: ” @ WebCraft”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-kevin.webp”,
“alt”: “Kevin K.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Acromond ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “X.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-acromond.webp”,
“alt”: “Acromond X.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Raquib S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Backend Developer”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-raquib.webp”,
“alt”: “Raquib S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Hallic M.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ AtlasLabs”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-hallic.webp”,
“alt”: “Hallic M.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ibrahim S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Frontend Lead @ ScaleUp”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-ib.webp”,
“alt”: “Ibrahim S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding support and premium quality templates. The ROI on these templates is phenomenal.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Kevin ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “K.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “CEO”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: ” @ WebCraft”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-kevin.webp”,
“alt”: “Kevin K.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Acromond ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “X.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://X.Co”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Co”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “-founder @ VectorlabsVentures”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-acromond.webp”,
“alt”: “Acromond X.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Raquib S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Backend Developer”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-raquib.webp”,
“alt”: “Raquib S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Hallic M.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Developer @ AtlasLabs”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-hallic.webp”,
“alt”: “Hallic M.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ibrahim S.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Frontend Lead @ ScaleUp”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-ib.webp”,
“alt”: “Ibrahim S.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “Outstanding support and premium quality templates. The ROI on these templates is phenomenal.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Kevin ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “K.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://K.CEO”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “CEO”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: ” @ WebCraft”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-kevin.webp”,
“alt”: “Kevin K.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Danny G.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Founder of DevStack”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-danny.webp”,
“alt”: “Danny G.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “I’ve used many template libraries before, but ”
},
{
“type”: “text”,
“marks”: [
{
“type”: “link”,
“attrs”: {
“href”: “http://shadcn.io”,
“target”: “_blank”,
“rel”: “noopener noreferrer nofollow”,
“class”: null,
“title”: null
}
},
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “shadcn.io”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: ” stands out for its attention to performance optimization and clean code architecture.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ian D.”
},
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “CTO at Wavelength”
}
]
},
{
“type”: “image”,
“attrs”: {
“src”: “https://cdn.shadcn.io/showcase/avatar-ian.webp”,
“alt”: “Ian D.”,
“title”: null,
“width”: “100%”,
“height”: null,
“align”: “left”
}
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.705 0.015 286.067)”,
“fontSize”: “14px”
}
}
],
“text”: “The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“marks”: [
{
“type”: “textStyle”,
“attrs”: {
“color”: “oklch(0.985 0 0)”,
“fontSize”: “14px”
}
},
{
“type”: “bold”
}
],
“text”: “Ben S.”
}
]
},
{
“type”: “paragraph”,
“attrs”: {
“textAlign”: null
},
“content”: [
{
“type”: “text”,
“text”: “import { Editor } from \”@tiptap/core\”;\nimport StarterKit from \”@tiptap/starter-kit\”;\nimport { TiptapAPCore } from \”tiptap-apcore\”;\n\n// 1. Create a TipTap editor\nconst editor = new Editor({\n extensions: [StarterKit],\n content: \”