c:[["$","div",null,{"className":"mx-auto my-4 max-w-full lg:my-8 lg:max-w-7xl","children":[["$","div",null,{"className":"overflow-hidden rounded-2xl bg-gradient-to-br from-white to-gray-50/50 shadow-xl dark:from-gray-900 dark:to-gray-800/50 dark:shadow-2xl","children":["$","div",null,{"className":"grid grid-cols-1 gap-8 lg:grid-cols-2 lg:items-start","children":[["$","div",null,{"className":"flex w-full flex-col p-6 sm:p-8 lg:p-10","children":[["$","div",null,{"className":"mb-6","children":[["$","h1",null,{"className":"mb-4 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl lg:text-5xl","children":"Typper"}],["$","p",null,{"className":"text-lg leading-relaxed text-gray-600 dark:text-gray-300 sm:text-xl","children":"A design system manager focused on UX writing, aiming for complete design system management."}]]}],["$","div",null,{"className":"mb-6 flex flex-wrap gap-2","children":[["$","a","AI Design Assistant",{"href":"/query/AI%20Design%20Assistant","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI Design Assistant"}],["$","a","AI Assistant",{"href":"/query/AI%20Assistant","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI Assistant"}],["$","a","AI UX Design",{"href":"/query/AI%20UX%20Design","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI UX Design"}],["$","a","AI Text Generator",{"href":"/query/AI%20Text%20Generator","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI Text Generator"}],["$","a","AI Image Generator",{"href":"/query/AI%20Image%20Generator","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI Image Generator"}],["$","a","AI Icon Generator",{"href":"/query/AI%20Icon%20Generator","className":"inline-flex items-center rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-800 transition-colors hover:scale-105 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50","children":"AI Icon Generator"}]]}],["$","div",null,{"className":"mt-auto","children":["$","a",null,{"href":"https://www.typper.io","target":"_blank","rel":"noreferrer","className":"group inline-flex items-center justify-center gap-3 rounded-xl bg-gradient-to-r from-blue-600 to-purple-600 px-8 py-4 text-lg font-semibold text-white shadow-lg transition-all duration-300 hover:scale-105 hover:from-blue-700 hover:to-purple-700 hover:shadow-xl active:scale-95","children":["Visit Website",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","aria-hidden":"true","data-slot":"icon","aria-labelledby":"$undefined","className":"h-5 w-5 transition-transform group-hover:-translate-y-1 group-hover:translate-x-1","children":[null,["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"}]]}]]}]}]]}],["$","div",null,{"className":"relative p-6 sm:p-8 lg:p-10","children":["$","div",null,{"className":"relative overflow-hidden rounded-2xl shadow-2xl","children":["$","a",null,{"href":"https://www.typper.io","target":"_blank","rel":"noreferrer","className":"group block","children":[["$","$L16",null,{"title":"Typper","alt":"Typper","src":"https://cdn-images.toolify.ai/168725720872049901.jpg?x-oss-process=image/resize,l_1000,m_lfit","width":1280,"height":720,"className":"aspect-video w-full object-cover transition-transform duration-500 group-hover:scale-110","unoptimized":true}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"}],["$","div",null,{"className":"absolute inset-0 z-10 hidden items-center justify-center gap-3 text-xl font-semibold text-white backdrop-blur-sm transition-all duration-300 group-hover:flex","children":["Visit Website"," ",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","aria-hidden":"true","data-slot":"icon","aria-labelledby":"$undefined","className":"h-6 w-6","children":[null,["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"}]]}]]}]]}]}]}]]}]}],["$","div",null,{"className":"mt-8","children":["$","div",null,{"className":"overflow-hidden rounded-2xl bg-white shadow-xl dark:bg-gray-900 dark:shadow-2xl","children":[["$","div",null,{"className":"border-b border-gray-200 bg-gradient-to-r from-gray-50 to-gray-100 px-6 py-4 dark:border-gray-700 dark:from-gray-800 dark:to-gray-700 sm:px-8 sm:py-6","children":["$","h2",null,{"className":"flex items-center text-2xl font-bold text-gray-900 dark:text-white sm:text-3xl","children":[["$","span",null,{"className":"mr-3 text-3xl","children":"📋"}],"Introduction"]}]}],["$","div",null,{"className":"p-6 sm:p-8","children":[["$","$L21",null,{"htmlContent":"

\n What is Typper?\n

\n Typper is a design system manager that currently focuses on UX writing design systems. It aims to be a complete design system manager in the future.\n

\n How to use Typper?\n

\n Typper currently manages UX writing design systems. Use it to manage and organize your design system's UX writing components.\n

\n Typper's Core Features\n

UX Writing Design System Management

\n Typper's Use Cases\n

#1 Managing and organizing UX writing components within a design system.

"}],false]}]]}]}],["$","div",null,{"className":"mt-8","children":["$","div",null,{"className":"overflow-hidden rounded-2xl bg-white shadow-xl dark:bg-gray-900 dark:shadow-2xl","children":[["$","div",null,{"className":"border-b border-gray-200 bg-gradient-to-r from-yellow-50 to-orange-50 px-6 py-4 dark:border-gray-700 dark:from-yellow-900/20 dark:to-orange-900/20 sm:px-8 sm:py-6","children":["$","h2",null,{"className":"flex items-center text-2xl font-bold text-gray-900 dark:text-white sm:text-3xl","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","aria-hidden":"true","data-slot":"icon","aria-labelledby":"$undefined","className":"mr-3 h-8 w-8 text-yellow-500","children":[null,["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"}]]}],"User Rating"]}]}],["$","div",null,{"className":"flex justify-center p-8","children":["$","$12",null,{"fallback":["$","div",null,{"className":"flex items-center gap-2 text-gray-500","children":[["$","div",null,{"className":"h-6 w-6 animate-spin rounded-full border-2 border-gray-300 border-t-blue-600"}],"加载评分中..."]}],"children":["$","$L22",null,{"id":"Typper-en","locale":"en"}]}]}]]}]}]]}],["$","$12",null,{"fallback":null,"children":["$","$L13",null,{"reason":"next/dynamic","children":["$","$L14",null,{}]}]}]]

Typper

📋Introduction

User Rating