Help
RSS
API
Feed
Maltego
Contact
Domain > calstudio.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-08-29
52.202.200.51
(
ClassC
)
2025-10-16
3.214.87.125
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Thu, 16 Oct 2025 16:10:05 GMTContent-Type: text/html; charsetutf-8Content-Length: 224594Connection: keep-aliveSet-Cookie: AWSALBcOCQ0RDdHZMeU6DBhHaPzIUOOX1tIEj7N4pVIa1DSDIwmQ6Ikv4Zj+PDwpJBonjVCT4f7QoSfp+1q9Ft424yhoWuAICqGbrVzu1GNxjF/EOj5Hj6noUHofClwdTt; ExpiresThu, 23 Oct 2025 16:10:05 GMT; Path/Set-Cookie: AWSALBCORScOCQ0RDdHZMeU6DBhHaPzIUOOX1tIEj7N4pVIa1DSDIwmQ6Ikv4Zj+PDwpJBonjVCT4f7QoSfp+1q9Ft424yhoWuAICqGbrVzu1GNxjF/EOj5Hj6noUHofClwdTt; ExpiresThu, 23 Oct 2025 16:10:05 GMT; Path/; SameSiteNone; SecureX-Powered-By: ExpressAccess-Control-Allow-Origin: *ETag: W/36d52-KzX6Mluz/8IaaXWTKYwzm8Y8mPw !DOCTYPE html>html langen>head> meta charsetUTF-8> script defer> // Get the hostname var hostname window.location.hostname; // Select the script element var scriptElement document.querySelector(scriptdata-domaincalstudio.com); // Check if the script element exists if (scriptElement) { // Set the data-domain attribute to the hostname scriptElement.setAttribute(data-domain, hostname); } /script> script typetext/javascript>window.$crisp ; window.CRISP_WEBSITE_ID 28059412-6912-4c41-bf05-bc119cb1967b; (function () { d document; s d.createElement(script); s.src https://client.crisp.chat/l.js; s.async 1; d.getElementsByTagName(head)0.appendChild(s); })();/script> !-- script> window.intercomSettings { api_base: https://api-iam.intercom.io, app_id: uzv6mxhf, }; /script> script> // We pre-filled your app ID in the widget URL: https://widget.intercom.io/widget/uzv6mxhf (function () { var w window; var ic w.Intercom; if (typeof ic function) { ic(reattach_activator); ic(update, w.intercomSettings); } else { var d document; var i function () { i.c(arguments); }; i.q ; i.c function (args) { i.q.push(args); }; w.Intercom i; var l function () { var s d.createElement(script); s.type text/javascript; s.async true; s.src https://widget.intercom.io/widget/uzv6mxhf; var x d.getElementsByTagName(script)0; x.parentNode.insertBefore(s, x); }; if (document.readyState complete) { l(); } else if (w.attachEvent) { w.attachEvent(onload, l); } else { w.addEventListener(load, l, false); } } })(); /script> --> script> !function (t, e) { var o, n, p, r; e.__SV || (window.posthog e, e._i , e.init function (i, s, a) { function g(t, e) { var o e.split(.); 2 o.length && (t to0, e o1), te function () { t.push(e.concat(Array.prototype.slice.call(arguments, 0))) } } (p t.createElement(script)).type text/javascript, p.async !0, p.src s.api_host.replace(.i.posthog.com, -assets.i.posthog.com) + /static/array.js, (r t.getElementsByTagName(script)0).parentNode.insertBefore(p, r); var u e; for (void 0 ! a ? u ea : a posthog, u.people u.people || , u.toString function (t) { var e posthog; return posthog ! a && (e + . + a), t || (e + (stub)), e }, u.people.toString function () { return u.toString(1) + .people (stub) }, o init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug.split( ), n 0; n o.length; n++) g(u, on); e._i.push(i, s, a) }, e.__SV 1) }(document, window.posthog || ); posthog.init(phc_V4TBsY4nAeOvSGQpbTA6ObKqpfMzbotGCTgVsztsKwF, { api_host: https://us.i.posthog.com, person_profiles: identified_only // or always to create profiles for anonymous users as well }) /script> !-- Google tag (gtag.js) - shared loader for Ads + GA4 --> script async srchttps://www.googletagmanager.com/gtag/js?idAW-16536092059>/script> script> window.dataLayer window.dataLayer || ; function gtag() { dataLayer.push(arguments); } gtag(js, new Date()); gtag(config, G-GH6CLSKJ8); gtag(config, AW-16536092059); /script> !-- Google Tag Manager --> script>(function(w,d,s,l,i){wlwl||;wl.push({gtm.start: new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0, jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.src https://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f); })(window,document,script,dataLayer,GTM-TJVHKZ2Z);/script> !-- End Google Tag Manager --> script typetext/javascript> (function (c, l, a, r, i, t, y) { ca ca || function () { (ca.q ca.q || ).push(arguments) }; t l.createElement(r); t.async 1; t.src https://www.clarity.ms/tag/ + i; y l.getElementsByTagName(r)0; y.parentNode.insertBefore(t, y); })(window, document, clarity, script, t1jdbnw1mm); /script> script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, name: CalStudio, url: https://calstudio.com/, logo:https://calstudio.com/img/logo_sm.png, description: CalStudio is a platform that lets creators build, manage, monetize, and distribute custom AI apps (GPTs, voice apps, etc.) without code. Features include hosting, authentication, database, payments, white-labeling, embedding, analytics, model integrations (OpenAI, Anthropic, Meta, Google etc.), customizable branded studios, and flexible monetization options., keywords: AI apps platform, no-code AI app builder, custom GPTs, voice AI apps, AI studios, embed AI in website, white label AI apps, application monetization, AI models integration, subscription based AI apps , sameAs: https://twitter.com/calstudio_ai, https://www.linkedin.com/company/calstudio, https://www.facebook.com/profile.php?id61557464597958 } /script> script async data-toltc221d765-e11d-4c3c-8531-5f5ca6f4abff srchttps://cdn.tolt.io/tolt.js>/script> script> (function (w, d, s, p, t) { w.gr w.gr || function () { w.gr.ce null; w.gr.q w.gr.q || ; w.gr.q.push(arguments); }; p d.getElementsByTagName(s)0; t d.createElement(s); t.async true; t.src https://script.getreditus.com/v2.js; p.parentNode.insertBefore(t, p); })(window, document, script); gr(initCustomer, 0e872df7-f919-47d1-baf7-1307d509cd86); gr(track, pageview); /script> !-- Meta Pixel Code --> script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n f.fbq function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq n; n.push n; n.loaded !0; n.version 2.0; n.queue ; t b.createElement(e); t.async !0; t.src v; s b.getElementsByTagName(e)0; s.parentNode.insertBefore(t, s) }(window, document, script, https://connect.facebook.net/en_US/fbevents.js); fbq(init, 1391146668247930); fbq(track, PageView); /script> noscript>img height1 srchttps://www.facebook.com/tr?id1391146668247930&evPageView&noscript1 styledisplay:none width1 />/noscript> !-- End Meta Pixel Code --> script defer data-domaincalstudio.com srchttps://plausible.io/js/script.js>/script> meta contentwidthdevice-width nameviewport> link hrefhttps://calstudio.com/img/favico.ico relicon> !-- link relpreload asimage href{src} altHero /> --> title>CalStudio | Create and Launch Custom AI apps without code/title> meta contentMonetize your custom GPT on your terms, Custom GPT, Custom AI, Build your AI Studio, Monetize your GPT, GPT-5 app, Claude Sonnet 4 app, Grok 4 app, Gemini 2.5 Pro app, Deploy AI bot, Host AI Chatbot on website, Monetize AI chatbot, Claude 3 chatbot, Add GPT to website, Create AI Bot, Distribute Custom GPT, Collect your GPT user emails, Create custom GPT with GPT-5, Build custom AI with Claude Sonnet 4, Create custom GPT with Grok 4, Build AI chatbot with Gemini 2.5 Pro, Custom GPT-5 chatbot, Claude Sonnet 4 AI assistant, Custom Grok 4 chatbot, Gemini 2.5 Pro AI assistant, Deploy Claude 3.5 Sonnet bot, Custom AI with OpenAI o1 pro, GPT-5 custom AI app, Claude Sonnet 4 custom AI app, Grok 4 custom AI app, Create Gemini 2.0 Flash chatbot, Build custom AI with DeepSeek R1, Custom GPT using multiple AI models, AI chatbot with vision capabilities, Create custom AI with image recognition, Build multi-model AI assistant, Deploy custom Grok vision bot, Gemini Pro AI chatbot builder, Custom AI platform for creators, No-code AI chatbot with advanced models, Enterprise AI chatbot with GPT-5, Enterprise AI chatbot with Claude Sonnet 4, Enterprise AI chatbot with Grok 4, Professional AI assistant with Claude 3.5 namekeywords> meta contentindex, follow namerobots> meta contentCalStudio enables creators to create and launch their custom AI in minutes without code. namedescription> link relcanonical hrefhttps://calstudio.com/> !-- Facebook Meta Tags --> meta contenthttps://calstudio.com propertyog:url> meta contentwebsite propertyog:type> meta contentCalStudio - Create and Launch Custom AI apps propertyog:title> meta contentCalStudio enables creators to build and launch custom AI apps with Grok 4, Gemini 2.5 Pro, Claude Sonnet 4, and 20+ advanced AI models. Create your custom GPT in minutes without code - perfect for businesses, creators, and enterprises. propertyog:description> meta contenthttps://calstudio.com/img/rsz_sod.png propertyog:image> !-- Twitter Meta Tags --> meta contentsummary_large_image nametwitter:card> meta contentcalstudio.com propertytwitter:domain> meta contenthttps://calstudio.com propertytwitter:url> meta contentCalStudio - Create and Launch Custom AI apps nametwitter:title> meta contentCalStudio enables creators to build and launch custom AI apps with Grok 4, Gemini 2.5 Pro, Claude 3.5 Sonnet, and 20+ advanced AI models. Create your custom GPT in minutes without code - perfect for businesses, creators, and enterprises. nametwitter:description> meta contenthttps://calstudio.com/img/rsz_sod.png nametwitter:image> link hrefcss/404.css relstylesheet /> link hrefcss/home.css relstylesheet /> link hrefcss/hero-enhanced.css relstylesheet /> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600;700;800&displayswap relstylesheet>/head>script srchttps://cdn.tailwindcss.com/3.4.3>/script>style> * { font-family: Inter, sans-serif; } img { content-visibility: auto; } @font-face { font-family: Gilroy-Bold; src: url(fonts/gilroy-bold/Gilroy-Bold.ttf) format(truetype); font-weight: bold; font-style: normal; } @keyframes gradient-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } @layer { .bg-grid-pattern { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px); background-size: 120px 100px; } .bg-grid-subtle { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px); background-size: 120px 100px; } } /* Animation for gradient text */ @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-gradient { animation: gradient 6s ease infinite; } .bg-300\% { background-size: 300% 300%; } /* Animation for floating blobs */ @keyframes blob { 0% { transform: translate(0px, 0px) scale(1); } 33% { transform: translate(30px, -50px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } 100% { transform: translate(0px, 0px) scale(1); } } .animate-blob { animation: blob 7s infinite; } .animation-delay-2000 { animation-delay: 2s; } .animation-delay-4000 { animation-delay: 4s; } /* Animation for underline drawing */ @keyframes draw { 0% { stroke-dasharray: 0 100; } 100% { stroke-dasharray: 100 0; } } .animate-draw { animation: draw 2s ease-out forwards; stroke-dasharray: 100; } /* Rotating word animation */ @keyframes fadeInOut { 0% { opacity: 0; transform: translateY(20px); } 15% { opacity: 1; transform: translateY(0); } 85% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .word-rotate { animation: fadeInOut 2s ease-in-out; } /* Rotating word styling */ #rotatingWord { display: inline-block; vertical-align: top; transition: opacity 0.3s ease, transform 0.3s ease; font-weight: 800; } .hover-gradient-mix { transition: all 1s ease-in; } .hover-gradient-mix:hover { background-size: 300% 300%; animation: gradient-move 2s ease-in-out infinite alternate; background-position: right center; } .bg-radial-responsive { background: radial-gradient(circle at 64% center, rgba(0, 191, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 48%); } @media (max-width: 1024px) { .bg-radial-responsive { background: radial-gradient(circle at center, rgba(0, 191, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 50%); } }/style>style> .fade { transition: opacity 0.5s ease-in-out; opacity: 1; } .fade-out { opacity: 0; }/style>body classbg-grid-pattern> !-- Rebranding Announcement Modal --> header classsticky-header-wrp sticky top-0 border-b z-20 transition-all py-5 border-transparent z-40> div classmax-w-screen-xl mx-auto px-2> div classflex flex-col lg:flex-row justify-between items-center relative> div classflex w-full lg:w-auto items-center justify-between> a classtext-lg flex items-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full px-2 -ml-2 href#> a classtext-lg href/> img src/img/logo_sm.png altCalStudio classh-8 w-8 inline-block> span classfont-bold text-slate-800 ml-1 text-xl align-middle>CalStudio/span> /a> div classblock lg:hidden> button aria-labelToggle Menu idastronav-menu> svg classw-4 h-4 text-gray-800 fillcurrentColor height24 viewBox0 0 24 24 width24 xmlnshttp://www.w3.org/2000/svg> title>Toggle Menu/title> path classclose-icon nav-toggle-block hidden clip-ruleevenodd dM18.278 16.864a1 1 0 01-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 01-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 011.414-1.414l4.829 4.828 4.828-4.828a1 1 0 111.414 1.414l-4.828 4.829 4.828 4.828z fill-ruleevenodd>/path> path classopen-icon nav-toggle-block dM4 5h16a1 1 0 010 2H4a1 1 0 110-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2z fill-ruleevenodd>/path> /svg> /button> /div> /div> nav classitems-block nav-toggle-block hidden w-full lg:w-auto mt-2 lg:flex lg:mt-0> ul classflex flex-col lg:flex-row lg:gap-3> li classrelative z-50 isolate> menu aria-expandedfalse classdropdown-block group> button classflex items-center gap-1 text-sm w-full lg:w-auto transition lg:px-3 py-2 text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full> span>Resources/span> svg classw-3 h-3 mt-0.5 group-open:rotate-180 fillnone strokecurrentColor stroke-width3 viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM19.5 8.25l-7.5 7.5-7.5-7.5 stroke-linecapround stroke-linejoinround>/path> /svg> /button> div aria-expandedfalse classdropdown-block dropdown-toggle hidden> div classlg:absolute w-full lg:w-56 z-50 border-l lg:border-0 border-slate-200 lg:left-0 origin-top-left> div classpx-4 lg:py-3 lg:bg-white lg:rounded-md lg:shadow lg:border flex flex-col gap-2> a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 href/blog target_blank> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z /> /svg> Blog/a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 target_blank hrefhttps://feedback.calstudio.com/roadmap> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z /> /svg> Roadmap /a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 href/story> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z/> /svg> Story/a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 href/#FAQs> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z /> /svg> FAQs/a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 hrefhttps://lu.ma/calstudio target_blank> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z /> /svg> Office Hours/a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 hrefhttps://app.getreditus.com/marketplace/calstudio target_blank> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z /> /svg> Affiliates (35%) /a>a classpy-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded flex items-center gap-3 hrefhttps://open.spotify.com/show/7cprRFhlS06YSLdYyfSOZQ target_blank> svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg> path dM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.5 14.62c-2.01-.59-3.5-2.45-3.5-4.62 0-2.17 1.49-4.03 3.5-4.62v1.04c-1.45.54-2.5 1.93-2.5 3.58 0 1.65 1.05 3.04 2.5 3.58v1.04zm3 0v-1.04c1.45-.54 2.5-1.93 2.5-3.58 0-1.65-1.05-3.04-2.5-3.58V7.38c2.01.59 3.5 2.45 3.5 4.62 0 2.17-1.49 4.03-3.5 4.62zm-1.5-3.12c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z /> /svg> AI in Education/a> /div> /div> /div> /menu> /li> li> a classflex hidden lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full href/features>Features/a> /li> li> a classflex lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full href#demo>Product/a> /li> li> a classflex lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full href#pricing>Pricing/a> /li> li> a classflex lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full href#apps>Apps/a> /li> /ul> div classlg:hidden flex items-center mt-3 gap-4> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-5 py-2 bg-gray-100 hover:bg-gray-200 border-2 border-transparent href/login>Log in/a>a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-5 py-2 text-white bg-black hover:bg-gray-800 href/signup>Sign up/a> /div> /nav> div> div classhidden lg:flex items-center gap-4> a classtext-sm px-2 py-1 transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full href/login>Log in/a>a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo px-4 py-2 text-sm bg-black hover:bg-gray-800 text-white inline-flex items-center group gap-px href/signup>span>Sign Up/span>/a> /div> /div> /div> /div> /header> !-- Video Modal --> div classfixed inset-0 z-50 hidden idvideoModal> !-- This overlay div should be clickable to close the modal --> div classabsolute inset-0 bg-black/75>/div> div classrelative z-10 w-full h-full flex items-center justify-center p-4> div classrelative bg-black rounded-lg w-full max-w-5xl> button classabsolute -top-10 right-0 text-white hover:text-gray-300 idcloseVideoModal> svg classw-8 h-8 fillnone strokecurrentColor viewBox0 0 24 24> path dM6 18L18 6M6 6l12 12 stroke-linecapround stroke-linejoinround stroke-width2> /path> /svg> /button> div classrelative pt-56.25%> video classabsolute inset-0 w-full h-full rounded-lg controls iddemoVideo preloadmetadata> source srchttps://imagine-haddockai.s3.us-east-1.amazonaws.com/new_demo.mp4 typevideo/mp4> Your browser does not support the video tag. /video> /div> /div> /div> /div> !-- HEADER ENDS HERE --> !-- Rebrand Announcement Banner --> div classhidden md:hidden w-full bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 text-white py-4 relative overflow-hidden> div classabsolute inset-0 bg-black opacity-10>/div> div classcontainer mx-auto px-6 relative z-10> div classflex flex-col md:flex-row items-center justify-between gap-4> div classflex items-center gap-3> div classflex items-center gap-2> span classtext-2xl>🎉/span> span classfont-bold text-lg>Big News!/span> /div> div classhidden md:block w-px h-6 bg-white/30>/div> p classtext-center md:text-left> span classfont-semibold>Pmfm.ai/span> has evolved into span classfont-bold text-yellow-300>CalStudio.com/span> - Now with Studios, enhanced monetization, and much more! /p> /div> div classflex items-center gap-3 flex-shrink-0> a href/rebrand classbg-white/20 hover:bg-white/30 backdrop-blur-sm text-white px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-white/30 hover:border-white/50> Learn More /a> button onclickthis.closest(.bg-gradient-to-r).style.displaynone classtext-white/70 hover:text-white transition-colors p-1 rounded> svg classw-4 h-4 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z clip-ruleevenodd>/path> /svg> /button> /div> /div> /div> /div> !-- Enhanced Hero Section --> div classw-full relative min-h-screen flex items-start justify-center bg-grid-subtle overflow-hidden pt-8 sm:pt-12 pb-16 sm:pb-20 stylebackground-color: white;> !-- Subtle floating elements --> div classhidden sm:block absolute top-20 left-10 w-64 h-64 bg-gradient-to-br from-purple-400/10 to-pink-400/10 rounded-full filter blur-3xl floating-element>/div> !-- div classabsolute bottom-20 right-10 w-64 h-64 bg-gradient-to-br from-blue-400/10 to-purple-400/10 rounded-full filter blur-3xl floating-element styleanimation-delay: 3s;>/div> --> div classrelative z-10 max-w-6xl mx-auto px-4 sm:px-6 text-center> !-- Enhanced title with better typography --> h1 classhero-title text-4xl sm:text-5xl md:text-6xl lg:text-7xl mb-6 text-gray-900 animate-hero-title mt-6 sm:mt-6> Create and span idrotatingWord classinline-block>Deploy/span>br> span classtext-gradient-enhanced>Custom AI Apps/span>br> span classtext-2xl sm:text-3xl md:text-4xl font-semibold text-gray-700 mt-2 block> Agents, Studios & More /span> /h1> !-- Professional form section --> div classmax-w-4xl mx-auto animate-hero-form> div classrelative group> textarea idappIdea placeholderDescribe your AI app idea... (e.g., A customer support chatbot that handles returns and exchanges) classhero-textarea w-full px-6 py-5 pb-16 text-lg rounded-2xl shadow-lg resize-none min-h-52 sm:min-h-44 mb-4 oninputthis.style.height auto; this.style.height Math.max(this.scrollHeight, 208) + px; >/textarea> !-- Floating Create App Button --> button onclickhandleCreateApp() classabsolute bottom-8 right-6 hero-cta-button px-5 sm:px-6 py-2.5 sm:py-3 text-sm font-bold text-white rounded-xl shadow-xl> Start Building span classml-1>→/span> /button> /div> !-- Refined sample prompts --> div classmb-6> p classtext-sm text-gray-500 mb-4 font-medium>Try one of these popular ideas:/p> div classflex flex-wrap gap-3 justify-center> button onclickdocument.getElementById(appIdea).value AI-powered study buddy that creates personalized quizzes and study plans classidea-pill> 📚 Study Assistant /button> button onclickdocument.getElementById(appIdea).value Personal fitness coach AI that creates custom workout plans classidea-pill> 💪 Fitness Coach /button> button onclickdocument.getElementById(appIdea).value AI calorie tracker that analyzes food images and tracks nutrition classidea-pill> 🍳 Calorie Tracker /button> button onclickdocument.getElementById(appIdea).value Smart travel planner that creates personalized itineraries classidea-pill> ✈️ Travel Planner /button> /div> /div> !-- Model Selector Option 2: Rotating Badge --> div classflex items-center justify-center mb-4 sm:mb-6> div classrelative inline-flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-purple-100 to-pink-100 rounded-full> span classtext-sm font-medium text-gray-700>Powered by/span> span idmodelBadge classfont-semibold text-purple-700 transition-all duration-500>Claude 4/span> button onclickcycleModel() classml-1 p-1 hover:bg-white/50 rounded-full transition-colors> svg classw-4 h-4 text-purple-600 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15>/path> /svg> /button> /div> /div> div classflex flex-col sm:flex-row gap-4 justify-center items-center> a hrefhttps://cal.com/aditya-saxena-wx3vwn/30min target_blank relnoopener noreferrer classgroup relative inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-gray-900 to-gray-800 border border-gray-800 rounded-2xl text-white font-semibold hover:shadow-xl hover:from-gray-800 hover:to-gray-700 transition-all duration-300 hover:-translate-y-1 overflow-hidden order-2 sm:order-1> div classabsolute inset-0 bg-gradient-to-r from-white/10 to-white/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div> div classrelative w-8 h-8 bg-white/20 rounded-xl flex items-center justify-center group-hover:rotate-3 transition-transform duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z/> /svg> /div> span classrelative>Book a Call/span> /a> button idwatchDemoBtn classgroup hidden inline-flex items-center gap-3 px-6 py-3 bg-white/80 backdrop-blur-sm border-2 border-purple-200 rounded-full text-gray-700 font-semibold hover:border-purple-300 hover:shadow-lg transition-all duration-300 order-1 sm:order-2> div classw-10 h-10 bg-gradient-to-br from-purple-100 to-pink-100 rounded-full flex items-center justify-center group-hover:scale-110 transition-transform duration-300> svg classw-5 h-5 text-purple-600 fillcurrentColor viewBox0 0 24 24> path dM8 5v14l11-7z/> /svg> /div> span>See How It Works/span> /button> /div> !-- Trust indicators --> div classmt-5 sm:mt-8 flex flex-wrap justify-center items-center gap-6 text-sm text-gray-500> div> div classflex flex-col lg:flex-row items-center justify-center space-x-4> !-- User profile images --> div classflex -space-x-2> img altUser 1 classw-10 h-10 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user1.webp /> img altUser 2 classw-10 h-10 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user2.webp /> img altUser 3 classw-10 h-10 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user3.webp /> img altUser 4 classw-10 h-10 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user5.avif /> img altUser 5 classw-10 h-10 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user6.webp /> !-- More user images if needed --> /div> div classflex flex-col mt-2 lg:mt-0> !-- Star rating --> div classflex gap-1 mb-1> svg classh-4 w-4 text-yellow-500 enable-backgroundnew 0 0 64 64 fillcurrentColor height16px idLayer_1 version1.0 viewBox0 0 64 64 viewBox0 0 20 20 width16px xml:spacepreserve xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> path dM62.799,23.737c-0.47-1.399-1.681-2.419-3.139-2.642l-16.969-2.593L35.069,2.265 C34.419,0.881,33.03,0,31.504,0c-1.527,0-2.915,0.881-3.565,2.265l-7.623,16.238L3.347,21.096c-1.458,0.223-2.669,1.242-3.138,2.642 c-0.469,1.4-0.115,2.942,0.916,4l12.392,12.707l-2.935,17.977c-0.242,1.488,0.389,2.984,1.62,3.854 c1.23,0.87,2.854,0.958,4.177,0.228l15.126-8.365l15.126,8.365c0.597,0.33,1.254,0.492,1.908,0.492c0.796,0,1.592-0.242,2.269-0.72 c1.231-0.869,1.861-2.365,1.619-3.854l-2.935-17.977l12.393-12.707C62.914,26.68,63.268,25.138,62.799,23.737z /> /svg> svg classh-4 w-4 text-yellow-500 enable-backgroundnew 0 0 64 64 fillcurrentColor height20px idLayer_1 version1.0 viewBox0 0 64 64 viewBox0 0 20 20 width20px xml:spacepreserve xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> path dM62.799,23.737c-0.47-1.399-1.681-2.419-3.139-2.642l-16.969-2.593L35.069,2.265 C34.419,0.881,33.03,0,31.504,0c-1.527,0-2.915,0.881-3.565,2.265l-7.623,16.238L3.347,21.096c-1.458,0.223-2.669,1.242-3.138,2.642 c-0.469,1.4-0.115,2.942,0.916,4l12.392,12.707l-2.935,17.977c-0.242,1.488,0.389,2.984,1.62,3.854 c1.23,0.87,2.854,0.958,4.177,0.228l15.126-8.365l15.126,8.365c0.597,0.33,1.254,0.492,1.908,0.492c0.796,0,1.592-0.242,2.269-0.72 c1.231-0.869,1.861-2.365,1.619-3.854l-2.935-17.977l12.393-12.707C62.914,26.68,63.268,25.138,62.799,23.737z /> /svg> svg classh-4 w-4 text-yellow-500 enable-backgroundnew 0 0 64 64 fillcurrentColor height20px idLayer_1 version1.0 viewBox0 0 64 64 viewBox0 0 20 20 width20px xml:spacepreserve xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> path dM62.799,23.737c-0.47-1.399-1.681-2.419-3.139-2.642l-16.969-2.593L35.069,2.265 C34.419,0.881,33.03,0,31.504,0c-1.527,0-2.915,0.881-3.565,2.265l-7.623,16.238L3.347,21.096c-1.458,0.223-2.669,1.242-3.138,2.642 c-0.469,1.4-0.115,2.942,0.916,4l12.392,12.707l-2.935,17.977c-0.242,1.488,0.389,2.984,1.62,3.854 c1.23,0.87,2.854,0.958,4.177,0.228l15.126-8.365l15.126,8.365c0.597,0.33,1.254,0.492,1.908,0.492c0.796,0,1.592-0.242,2.269-0.72 c1.231-0.869,1.861-2.365,1.619-3.854l-2.935-17.977l12.393-12.707C62.914,26.68,63.268,25.138,62.799,23.737z /> /svg> svg classh-4 w-4 text-yellow-500 enable-backgroundnew 0 0 64 64 fillcurrentColor height20px idLayer_1 version1.0 viewBox0 0 64 64 viewBox0 0 20 20 width20px xml:spacepreserve xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> path dM62.799,23.737c-0.47-1.399-1.681-2.419-3.139-2.642l-16.969-2.593L35.069,2.265 C34.419,0.881,33.03,0,31.504,0c-1.527,0-2.915,0.881-3.565,2.265l-7.623,16.238L3.347,21.096c-1.458,0.223-2.669,1.242-3.138,2.642 c-0.469,1.4-0.115,2.942,0.916,4l12.392,12.707l-2.935,17.977c-0.242,1.488,0.389,2.984,1.62,3.854 c1.23,0.87,2.854,0.958,4.177,0.228l15.126-8.365l15.126,8.365c0.597,0.33,1.254,0.492,1.908,0.492c0.796,0,1.592-0.242,2.269-0.72 c1.231-0.869,1.861-2.365,1.619-3.854l-2.935-17.977l12.393-12.707C62.914,26.68,63.268,25.138,62.799,23.737z /> /svg> svg classh-4 w-4 text-yellow-500 enable-backgroundnew 0 0 64 64 fillcurrentColor height20px idLayer_1 version1.0 viewBox0 0 64 64 viewBox0 0 20 20 width20px xml:spacepreserve xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> path dM62.799,23.737c-0.47-1.399-1.681-2.419-3.139-2.642l-16.969-2.593L35.069,2.265 C34.419,0.881,33.03,0,31.504,0c-1.527,0-2.915,0.881-3.565,2.265l-7.623,16.238L3.347,21.096c-1.458,0.223-2.669,1.242-3.138,2.642 c-0.469,1.4-0.115,2.942,0.916,4l12.392,12.707l-2.935,17.977c-0.242,1.488,0.389,2.984,1.62,3.854 c1.23,0.87,2.854,0.958,4.177,0.228l15.126-8.365l15.126,8.365c0.597,0.33,1.254,0.492,1.908,0.492c0.796,0,1.592-0.242,2.269-0.72 c1.231-0.869,1.861-2.365,1.619-3.854l-2.935-17.977l12.393-12.707C62.914,26.68,63.268,25.138,62.799,23.737z /> /svg> !-- Repeat the above svg for the number of stars you want to display --> /div> !-- Text indication of number of users who love the item --> span classtext-gray-600 text-sm>trusted by 5,000+ creators/span> /div> /div> /div> div classhidden flex items-center gap-2> svg classw-4 h-4 text-green-500 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z clip-ruleevenodd/> /svg> span>5-minute setup/span> /div> div classhidden flex items-center gap-2> svg classw-4 h-4 text-green-500 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z clip-ruleevenodd/> /svg> span>1000+ apps created/span> /div> /div> /div> /div> !-- Scroll indicator --> div classhidden sm:block absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce> svg classw-6 h-6 text-gray-400 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM19 14l-7 7m0 0l-7-7m7 7V3/> /svg> /div> /div> !-- Spacing before next section --> div classpy-1>/div> !-- Original Hero Section (Now Second Section) - HIDDEN --> div classw-full hidden relative pb-100px bg-white> img classabsolute left-0 z-0 srcimg/Rectangle (2).png alt> div classw-full h-full max-w-1700px mx-auto bg-white> div classrelative w-full flex flex-col lg:flex-row justify-between items-center py-6 md:py-8 z-10 px-20px sm:px-20px md:px-0px lg:px-0px > div classw-full lg:w-43% pt-0 sm:pt-0 lg:pl-70px mt-0 lg:mt-0 text-center lg:text-left sm:px-8 lg:px-0> !-- Watch Demo Button --> button idwatchDemoBtn1 classgroup relative rounded-full inline-flex items-center justify-center px-4 sm:px-5 py-2 sm:py-2.5 font-medium text-14px sm:text-15px text-gray-700 bg-white shadow-md hover:shadow-lg transition-all duration-300 border border-gray-200 hover:border-gray-300 mb-6 mt-2 overflow-hidden> div classabsolute inset-0 bg-gradient-to-r from-blue-400/10 to-purple-400/10 opacity-0 group-hover:opacity-100 transition-opacity>/div> svg classw-3.5 h-3.5 mr-2 text-gray-600 group-hover:text-gray-800 relative z-10 fillcurrentColor viewBox0 0 24 24> path dM8 5v14l11-7z/> /svg> span classrelative z-10>Watch Demo/span> /button> div> h1 stylefont-family: Gilroy-Bold; classtext-40px sm:text-52px md:text-62px lg:text-60px xl:text-76px 2xl:text-92px text-#000 font-bold leading-1.1 whitespace-nowrap> span>span classtext-sky-500>Launch/span> yourbr>Custom AI App/span> /h1> p classtext-16px sm:text-18px md:text-20px lg:text-18px xl:text-21px font-medium mt-6 text-gray-700 leading-relaxed> Build and deploy custom AI apps in minutes /p> /div> div classflex flex-col sm:flex-row flex-wrap gap-4 justify-center lg:justify-start mt-12> a href/login classflex items-center justify-center group rounded-full px-6 sm:px-7 py-3 sm:py-3.5 font-bold text-15px sm:text-16px text-white bg-blue-600 hover:bg-blue-700 shadow-xl hover:shadow-2xl transform hover:scale-105 transition-all duration-300> svg classw-4 h-4 mr-2 fillcurrentColor viewBox0 0 24 24> path dM9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6-1.4-1.4z/> /svg> Start Building img classml-2 w-3 sm:w-4 group-hover:translate-x-1 transition-transform duration-300 srcimg/white-btn-arrow.svg alt> /a> a hrefhttps://cal.com/aditya-saxena-wx3vwn/30min target_blank relnoopener noreferrer classrounded-full flex items-center justify-center group px-6 sm:px-7 py-3 sm:py-3.5 font-semibold text-15px sm:text-16px text-white bg-black shadow-xl hover:shadow-2xl transition-all duration-300 hover:bg-gray-800 border border-gray-700> svg classw-4 h-4 mr-2 fillcurrentColor viewBox0 0 24 24> path dM6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z/> /svg> Book a Call /a> /div> !-- Trusted by section - Option 4: Minimalist --> !-- Desktop version --> div classhidden sm:flex items-center gap-2.5 mt-10 justify-center lg:justify-start> div classflex -space-x-2> img altUser 1 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user1.webp /> img altUser 2 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user2.webp /> img altUser 3 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user3.webp /> img altUser 4 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user5.avif /> img altUser 5 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user6.webp /> /div> p classtext-sm text-gray-600 flex items-center> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> svg classw-4 hidden h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> span classfont-semibold text-gray-900 ml-1 mr-1>5,000+/span>creators trust CalStudio /p> /div> !-- Mobile version --> div classflex sm:hidden flex-col items-center mt-10 gap-3> div classflex -space-x-2> img altUser 1 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user1.webp /> img altUser 2 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user2.webp /> img altUser 3 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user3.webp /> img altUser 4 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user5.avif /> img altUser 5 classw-8 h-8 rounded-full border-2 object-cover border-white srchttps://calstudio.com/img/user6.webp /> /div> div classflex> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> svg classw-4 h-4 text-yellow-500 fillcurrentColor viewBox0 0 20 20> path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z/> /svg> /div> p classtext-sm text-gray-600 text-center> span classfont-semibold text-gray-900>5,000+/span> creators trust CalStudio /p> /div> /div> div classhidden sm:flex w-full lg:w-57% relative z-0 items-center> p classabsolute font-bold text-5px text-#1433a1 sm:text-16px md:text-24px lg:text-16px xl:text-20px styleleft: 9.4%; top: 19.7%; z-index: 10;>Your studio/p> p classabsolute font-bold text-5px text-#1433a1 sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 9.4%; top: 35.1%; z-index: 10;>AI Model/p> p classabsolute font-semibold text-5px sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 10.5%; top: 39.3%; z-index: 10;>GPT-5/p> p classabsolute font-bold text-5px text-#1433a1 sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 9.4%; top: 44.1%; z-index: 10;>Header Tagline/p> p classabsolute font-semibold text-5px sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 10.5%; top: 48.3%; z-index: 10;>Create your App with AI/p> p classabsolute font-bold text-5px text-#1433a1 sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 9.4%; top: 53.1%; z-index: 10;>Header Image/p> p classabsolute font-semibold text-5px sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 10.5%; top: 57.3%; z-index: 10;>+ Choose Image/p> p classabsolute font-bold text-5px text-#1433a1 sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 9.4%; top: 61.7%; z-index: 10;>Background Color/p> p classabsolute font-semibold text-5px sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 10.5%; top: 65.9%; z-index: 10;>#FF5733/p> p classabsolute font-bold text-5px text-#1433a1 sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 9.4%; top: 70.5%; z-index: 10;>Tagline Body Text/p> p classabsolute font-semibold text-5px sm:text-7px md:text-8px lg:text-8px xl:text-10px styleleft: 10.5%; top: 74.9%; z-index: 10;>Embed your AI app/p> !-- Studio Example Iframe --> div classrelative bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200> div classbg-gradient-to-r from-blue-600 to-purple-600 p-2> div classflex items-center justify-between> h4 classtext-white font-medium text-xs>Live Studio Example/h4> a hrefhttps://calstudio.com/studio/MyStudio1 target_blank classtext-white/80 hover:text-white text-xs> Visit → /a> /div> /div> div classrelative> iframe src/studio/studiopage.html classw-full h-300px md:h-350px lg:h-400px border-0 titleStudio Example loadinglazy scrollingyes> /iframe> !-- Click overlay indicator --> div classabsolute bottom-2 right-2 z-10 pointer-events-none> div classinline-flex items-center px-2 py-1 bg-black/60 text-white text-xs rounded> Click to visit /div> /div> /div> /div> /div> /div> /div> /main> /div> /main> /div> /div> script> const toggleTextSpan document.getElementById(toggleText); // const words Businesses, Creators, Educators, Consultants, Marketeers; const words Launch, Monetize, Publish, Brand, Embed, Create, Deploy, Sell; // const words apps, products, tools, bots, assistants, agents, chatbots; let currentIdx 0; // const changeWord () > { // // Schedule the next word update after fade out transition // setTimeout(() > { // toggleTextSpan.classList.remove(fade-out); // currentIdx (currentIdx + 1) % words.length; // toggleTextSpan.textContent wordscurrentIdx; // }, 300); // Match the timeout with the CSS transition duration // }; // setInterval(() > { // // Start fade out // toggleTextSpan.classList.add(fade-out); // // Change the word after fade out // changeWord(); // }, 2000); // Model selection function - make models and currentModelIndex globally accessible window.models { id: us.anthropic.claude-sonnet-4-20250514-v1:0, name: Claude 4 }, { id: gpt5, name: GPT 5 }, { id: gemini-2.5-pro, name: Gemini 2.5 Pro }, { id: o4-mini, name: O4 Mini }, { id: deepseek/deepseek-chat, name: DeepSeek V3 }, ; window.currentModelIndex 0; function cycleModel() { window.currentModelIndex (window.currentModelIndex + 1) % window.models.length; const badge document.getElementById(modelBadge); badge.style.opacity 0; setTimeout(() > { badge.textContent window.modelswindow.currentModelIndex.name; badge.style.opacity 1; }, 200); } /script> !-- PARTNERTS SECTION --> div classmx-auto px-5 max-w-screen-xl> div classpt-1 sm:pt-1> div classmx-auto max-w-7xl px-5 lg:px-5> h2 classtext-center text-lg/8 font-semibold text-slate-500>Leading Educators, Consultants, Startups, Businesses Use CalStudio/h2> div classoverflow-hidden> !-- Desktop scrolling version --> div classhidden sm:flex items-center gap-x-8 gap-y-10> img altTransistor classcol-span-2 hidden max-h-10 w-full object-contain lg:col-span-1 height48 srcimg/yale01.png width158> img altTuple classcol-span-2 max-h-12 mt-2 w-full object-contain lg:col-span-1 height48 srcimg/utaus.png width158> img altReform classcol-span-2 max-h-14 w-full object-contain lg:col-span-1 height80 srcimg/umich01.png width158> img altReform classcol-span-2 max-h-10 w-full object-contain lg:col-span-1 height48 srcimg/ucl02.png width158> img altSavvyCal classcol-span-2 max-h-36 hidden w-full object-contain sm:col-start-2 lg:col-span-1 height128 srcimg/embrace01.jpeg width158> img altStatamic classcol-span-2 col-start-2 mt-2 max-h-10 w-full object-contain lg:col-span-1 height48 srcimg/trilogy01.png width158> img altReform classcol-span-2 max-h-20 w-full object-contain lg:col-span-1 height48 srcimg/vrizon01.jpg width158> img altTransistor classcol-span-2 max-h-24 w-full object-contain lg:col-span-1 height48 srcimg/porter01.png width158> img altReform classcol-span-2 max-h-10 w-full object-contain lg:col-span-1 height48 srcimg/kon01.png width158> !-- Duplicate images for seamless loop --> !-- img classcol-span-2 max-h-10 w-full object-contain lg:col-span-1 srcimg/yale01.png altTransistor width158 height48> img classcol-span-2 max-h-12 w-full object-contain lg:col-span-1 srcimg/umich01.png altReform width158 height80> img classcol-span-2 max-h-10 w-full object-contain lg:col-span-1 srcimg/utaus.png altTuple width158 height48> img classcol-span-2 max-h-36 w-full object-contain lg:col-span-1 srcimg/embrace01.jpeg altSavvyCal width158 height128> img classcol-span-2 max-h-10 mt-2 w-full object-contain lg:col-span-1 srcimg/trilogy01.png altStatamic width158 height48> img classcol-span-2 max-h-20 w-full object-contain lg:col-span-1 srcimg/vrizon01.jpg altReform width158 height48> --> /div> !-- Mobile static version --> div classsm:hidden grid mt-8 grid-cols-2 gap-8> img altYale classmax-h-10 w-full object-contain height48 srcimg/yale01.png width158> img altUniversity of Michigan classmax-h-12 w-full object-contain height80 srcimg/utaus.png width158> img altVerizon classmax-h-20 w-full object-contain height48 srcimg/vrizon01.jpg width158> img altKonfront classmax-h-10 w-full object-contain mt-4 height48 srcimg/kon01.png width158> /div> /div> /div> /div> div> h2 classtext-center hidden text-slate-500> Trusted by popular startups you know /h2> div classflex hidden gap-x-8 gap-y-4 md:gap-20 lg:gap-28 items-center justify-center mt-10 flex-wrap> div classtext-gray-500 my-2 h-7 md:h-9> svg classh-full w-auto fillcurrentColor height48 viewBox0 0 97 48 width97 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink> clippath ida> path dm0 0h97v48h-97z>/path> /clippath> g clip-pathurl(#a) fillcurrent> path clip-ruleevenodd dm52.5131 4v5.42063l-6.763 1.44197v-5.44736zm14.0657 8.4375c-2.6406 0-4.3381 1.2283-5.2812 2.0828l-.3502-1.6556h-5.9278v31.1353l6.7361-1.4153.0269-7.5568c.97.6943 2.3981 1.6823 4.7692 1.6823 4.8231 0 9.215-3.8452 9.215-12.3099-.0269-7.7438-4.4728-11.9628-9.188-11.9628zm-1.6167 18.3981c-1.5897 0-2.5328-.5608-3.1795-1.255l-.0269-9.9067c.7006-.7744 1.6706-1.3084 3.2064-1.3084 2.4519 0 4.1494 2.7236 4.1494 6.2217 0 3.5781-1.6705 6.2484-4.1494 6.2484zm32.0382-6.1683c0-6.8359-3.3412-12.2298-9.727-12.2298-6.4128 0-10.2928 5.3939-10.2928 12.1764 0 8.0375 4.5806 12.0962 11.155 12.0962 3.2064 0 5.6314-.7209 7.4637-1.7356v-5.3405c-1.8323.9079-3.9339 1.4686-6.6014 1.4686-2.6137 0-4.9309-.9079-5.2273-4.0588h13.1759c0-.1463.0096-.4776.0206-.86l.0002-.006v-.0004-.0003-.0007l.0001-.0006v-.0004c.0151-.523.033-1.1393.033-1.5081zm-13.3106-2.5368c0-3.0174 1.8592-4.2724 3.5567-4.2724 1.6436 0 3.395 1.255 3.395 4.2724zm-31.1766-9.2399h-6.763v23.3648h6.763zm-14.4391.0026.4311 1.976c1.5897-2.8839 4.7422-2.2964 5.6045-1.976v6.1416c-.8353-.2937-3.5298-.6676-5.1195 1.3885v15.8347h-6.7361v-23.3648zm-13.0429-5.79554-6.5744 1.38853-.027 21.38881c0 3.9519 2.9909 6.8625 6.9787 6.8625 2.2094 0 3.8261-.4005 4.7153-.8812v-5.4206c-.8623.3472-5.1195 1.5755-5.1195-2.3765v-9.4794h5.1195v-5.6877h-5.1195zm-15.9238 11.13434c-1.42806 0-2.29029.4005-2.29029 1.4419 0 1.137 1.4839 1.6372 3.32489 2.2577 3.0011 1.0116 6.9512 2.3431 6.9679 7.2751 0 4.7798-3.8531 7.5302-9.45751 7.5302-2.31722 0-4.85-.454-7.35584-1.5221v-6.3552c2.26334 1.2283 5.11945 2.1362 7.35584 2.1362 1.50889 0 2.58671-.4005 2.58671-1.6289 0-1.2594-1.60861-1.8351-3.5506-2.5301-2.95752-1.0585-6.68833896-2.3937-6.68833896-6.8425 0-4.7263 3.63750896-7.5568 9.10723896-7.5568 2.2364 0 4.4458.3471 6.6822 1.2283v6.2751c-2.0478-1.0948-4.6344-1.7089-6.6822-1.7089z fill-ruleevenodd>/path> /g> /svg> /div> div classtext-gray-500 my-2 h-7 md:h-9> svg classh-full w-auto fillcurrentColor height31 viewBox0 0 106 31 width106 xmlnshttp://www.w3.org/2000/svg> g clip-pathurl(#clip-hubspot-mono)> path dM11.5651 5.62866V14.0394H3.8408V5.62866H0.173584V25.7058H3.8408V17.5682H11.5651V25.7058H15.2323V5.62866H11.5651Z> /path> path dM26.9691 19.2163C26.9691 20.0209 26.6495 20.7926 26.0805 21.3616C25.5116 21.9305 24.7399 22.2502 23.9353 22.2502C23.1306 22.2502 22.359 21.9305 21.79 21.3616C21.221 20.7926 20.9014 20.0209 20.9014 19.2163V10.6169H17.4229V19.2163C17.4229 20.9418 18.1083 22.5967 19.3285 23.8168C20.5486 25.037 22.2034 25.7224 23.929 25.7224C25.6545 25.7224 27.3094 25.037 28.5295 23.8168C29.7496 22.5967 30.4351 20.9418 30.4351 19.2163V10.6169H26.9691V19.2163Z> /path> path dM52.7417 11.5023C52.7417 9.73968 53.9078 9.18088 55.1853 9.18088C56.2148 9.18088 57.575 9.96428 58.4644 10.9148L60.7427 8.23039C59.6053 6.69235 57.2983 5.62866 55.4099 5.62866C51.6367 5.62866 48.9074 7.83869 48.9074 11.5023C48.9074 18.2995 57.2156 16.1434 57.2156 19.9472C57.2156 21.1204 56.0765 22.1572 54.772 22.1572C52.7147 22.1572 52.0481 21.151 51.103 20.0873L48.575 22.716C50.192 24.7014 52.1865 25.7094 54.5762 25.7094C58.1607 25.7094 61.0446 23.4724 61.0446 19.9759C61.0446 12.4295 52.7363 14.7742 52.7363 11.5023> /path> path dM104.141 22.4985C102.085 22.4985 101.501 21.6091 101.501 20.2471V14.219H104.696V11.1644H101.501V7.13428L97.9741 8.71724V20.9964C97.9741 24.1372 100.141 25.7201 103.113 25.7201C103.579 25.7286 104.045 25.6913 104.504 25.6087L105.364 22.441C104.976 22.4679 104.531 22.4949 104.141 22.4949> /path> path dM40.2095 10.7176C38.4864 10.7176 37.2844 11.2171 36.1219 12.358V5.74951H32.6379V17.9981C32.6379 22.5835 35.953 25.7242 39.6777 25.7242C43.8103 25.7242 47.4452 22.5278 47.4452 18.2227C47.4452 13.9715 44.0996 10.7194 40.2095 10.7194V10.7176ZM40.188 22.2187C39.4062 22.2187 38.6419 21.9869 37.9919 21.5526C37.3418 21.1182 36.8352 20.5008 36.536 19.7785C36.2368 19.0563 36.1585 18.2615 36.311 17.4947C36.4636 16.7279 36.84 16.0235 37.3929 15.4707C37.9457 14.9179 38.65 14.5414 39.4168 14.3889C40.1836 14.2364 40.9784 14.3146 41.7007 14.6138C42.423 14.913 43.0404 15.4197 43.4747 16.0697C43.9091 16.7198 44.1409 17.484 44.1409 18.2658C44.1409 19.3142 43.7244 20.3196 42.9831 21.061C42.2418 21.8023 41.2364 22.2187 40.188 22.2187Z> /path> path dM78.0389 18.0389C78.0389 13.7266 74.4112 10.5374 70.2714 10.5374C66.5467 10.5374 63.2317 13.6781 63.2317 18.2635V30.5193H66.7156V23.9018C67.8763 25.0409 69.0802 25.5422 70.8015 25.5422C74.6915 25.5422 78.0371 22.2919 78.0371 18.0389H78.0389ZM74.74 17.9958C74.74 18.7776 74.5082 19.5418 74.0738 20.1919C73.6395 20.8419 73.0221 21.3486 72.2998 21.6478C71.5775 21.947 70.7827 22.0252 70.0159 21.8727C69.2492 21.7202 68.5448 21.3437 67.992 20.7909C67.4392 20.2381 67.0627 19.5337 66.9102 18.7669C66.7577 18.0001 66.8359 17.2054 67.1351 16.4831C67.4343 15.7608 67.941 15.1434 68.591 14.709C69.2411 14.2747 70.0053 14.0429 70.7871 14.0429C71.8355 14.0429 72.8409 14.4593 73.5822 15.2006C74.3236 15.942 74.74 16.9474 74.74 17.9958Z> /path> path dM89.2939 10.3688V6.86871C89.7565 6.65259 90.1481 6.30952 90.4233 5.87946C90.6984 5.44939 90.8458 4.95002 90.8481 4.43948V4.35862C90.8481 3.64382 90.5642 2.9583 90.0587 2.45285C89.5533 1.94741 88.8678 1.66346 88.153 1.66346H88.0721C87.3573 1.66346 86.6718 1.94741 86.1664 2.45285C85.6609 2.9583 85.377 3.64382 85.377 4.35862V4.43948C85.3793 4.95002 85.5267 5.44939 85.8018 5.87946C86.077 6.30952 86.4686 6.65259 86.9312 6.86871V10.3688C85.6017 10.5722 84.3497 11.1233 83.3017 11.9662L73.7033 4.48979C73.7713 4.24324 73.8075 3.98905 73.8111 3.73334C73.8122 3.1327 73.6351 2.54522 73.3022 2.04524C72.9694 1.54525 72.4957 1.15521 71.9412 0.924446C71.3866 0.693685 70.7761 0.632572 70.1868 0.748837C69.5975 0.865103 69.056 1.15352 68.6306 1.57762C68.2053 2.00171 67.9152 2.54243 67.7972 3.13137C67.6792 3.72031 67.7385 4.33102 67.9676 4.88625C68.1968 5.44149 68.5854 5.9163 69.0844 6.25063C69.5834 6.58496 70.1703 6.76379 70.771 6.7645C71.2962 6.76215 71.8117 6.62214 72.2659 6.35843L81.7187 13.7126C80.8694 14.9955 80.4262 16.5045 80.447 18.0429C80.4679 19.5813 80.9517 21.0778 81.8355 22.3371L78.9607 25.212C78.7282 25.1377 78.486 25.0984 78.242 25.0952C77.7489 25.0955 77.2669 25.2421 76.8571 25.5162C76.4473 25.7904 76.1279 26.1799 75.9393 26.6356C75.7508 27.0912 75.7016 27.5925 75.7979 28.0761C75.8941 28.5597 76.1316 29.0039 76.4803 29.3526C76.829 29.7013 77.2732 29.9387 77.7568 30.035C78.2404 30.1313 78.7417 30.0821 79.1973 29.8935C79.653 29.705 80.0425 29.3856 80.3166 28.9758C80.5908 28.5659 80.7373 28.084 80.7377 27.5909C80.7346 27.3469 80.6952 27.1047 80.6209 26.8722L83.4652 24.0279C84.3927 24.7416 85.4712 25.2336 86.6181 25.4661C87.7651 25.6987 88.95 25.6657 90.0822 25.3696C91.2144 25.0735 92.2639 24.5222 93.1501 23.7579C94.0364 22.9936 94.736 22.0367 95.1953 20.9603C95.6546 19.8839 95.8615 18.7167 95.8001 17.548C95.7386 16.3793 95.4106 15.2402 94.841 14.2179C94.2713 13.1956 93.4753 12.3172 92.5138 11.6501C91.5524 10.9829 90.4509 10.5446 89.2939 10.3688ZM88.1152 21.879C87.3372 21.8783 86.5769 21.6469 85.9303 21.2142C85.2837 20.7815 84.7799 20.1668 84.4826 19.4478C84.1852 18.7288 84.1077 17.9378 84.2598 17.1748C84.4119 16.4118 84.7868 15.711 85.3371 15.161C85.8873 14.611 86.5883 14.2364 87.3514 14.0847C88.1145 13.9329 88.9054 14.0108 89.6243 14.3085C90.3431 14.6061 90.9576 15.1102 91.39 15.757C91.8224 16.4037 92.0534 17.1642 92.0538 17.9422C92.0538 18.9858 91.6392 19.9867 90.9013 20.7247C90.1633 21.4626 89.1624 21.8772 88.1188 21.8772 opacityvar(--svg-path-opacity)> /path> /g> defs> clippath idclip-hubspot-mono> rect fillcurrent height29.8175 transformtranslate(0.174072 0.692871) width105.19>/rect> /clippath> /defs> /svg> /div> div classtext-gray-500 my-2 h-7 md:h-9> svg classh-full w-auto fillcurrentColor height48 viewBox0 0 175 48 width175 xmlnshttp://www.w3.org/2000/svg> g fillcurrent> path dm37.6816794 0h-32.06106871c-2.9509542 0-5.34351145 2.39255725-5.34351145 5.34351145v32.06106875c0 2.9509542 2.39255725 5.3435114 5.34351145 5.3435114h32.06106871c2.9509542 0 5.3435114-2.3925572 5.3435114-5.3435114v-32.06106875c0-2.9509542-2.3925572-5.34351145-5.3435114-5.34351145zm-10.3316794 7.83759542c0-.78683206.6385496-1.42538168 1.4253817-1.42538168.786832 0 1.4253817.63854962 1.4253817 1.42538168v19.03759538c0 .7868321-.6385497 1.4253817-1.4253817 1.4253817-.7868321 0-1.4253817-.6385496-1.4253817-1.4253817zm-7.1242366-.72137405c0-.78683206.6385496-1.42538168 1.4253816-1.42538168.7868321 0 1.4253817.63854962 1.4253817 1.42538168v20.66202293c0 .786832-.6385496 1.4253817-1.4253817 1.4253817-.786832 0-1.4253816-.6385497-1.4253816-1.4253817zm-7.1242367.72137405c0-.78683206.6385496-1.42538168 1.4253817-1.42538168s1.4240458.63854962 1.4240458 1.42538168v19.03759538c0 .7868321-.6372137 1.4253817-1.4240458 1.4253817s-1.4253817-.6385496-1.4253817-1.4253817zm-7.12423662 2.84942748c0-.78683206.63721374-1.42538168 1.4240458-1.42538168s1.42538168.63854962 1.42538168 1.42538168v12.8164122c0 .7868321-.63854962 1.4253817-1.42538168 1.4253817s-1.4240458-.6385496-1.4240458-1.4253817zm30.85076332 21.7347328c-.2190839.1896947-5.4984732 4.6181298-15.1769084 4.6181298-9.6784351 0-14.95515263-4.4284351-15.17690836-4.6181298-.5971374-.5116412-.66793893-1.410687-.15496183-2.0091603.51030534-.5958015 1.40801527-.666603 2.00515267-.1562977.08282443.0694657 4.79713742 3.9341603 13.32538172 3.9341603 8.6351145 0 13.2759542-3.8927481 13.321374-3.9314885.5958015-.5129771 1.4975191-.4435115 2.0078244.1536259.5156489.5984733.4461832 1.4975191-.1509542 2.0091603zm.4969466-8.9183206c0 .7868321-.6385496 1.4253817-1.4253817 1.4253817-.786832 0-1.4240458-.6385496-1.4240458-1.4253817v-12.8164122c0-.78683206.6372138-1.42538168 1.4240458-1.42538168.7868321 0 1.4253817.63854962 1.4253817 1.42538168z transformtranslate(1 3)>/path> g transformtranslate(57.442748 16.358779)> path dm3.54007634 14.1950382c0 .7133587-.54503817 1.2998091-1.32118321 1.2998091-.75477099 0-1.29980916-.5877862-1.29980916-1.2998091v-12.39293896c0-.71335878.54503817-1.29980916 1.32118321-1.29980916.75477099 0 1.29980916.58778626 1.29980916 1.29980916z> /path> path dm20.4830153 1.80209924v11.32423666c0 1.530916-.8175573 2.3912214-2.1173664 2.3912214h-.1041985c-1.2370229 0-1.8248092-.7133588-2.3484733-1.7620229l-2.6423664-5.13778631-2.3484733-5.30477099.0627863 5.13778626.021374 5.72423664c0 .7133588-.5450382 1.2998092-1.3211832 1.2998092-.75477099 0-1.29980916-.5877863-1.29980916-1.2998092v-11.32423664c0-1.40534351.81755726-2.39122137 2.24427486-2.39122137h.1041984c1.3211832 0 1.8662214.71335877 2.3912214 1.7620229l2.5996183 5.09637404 2.2229008 4.94942747-.0627863-4.73969464-.021374-5.72423665c0-.71335877.5450381-1.29980916 1.3211832-1.29980916.7534351-.00133587 1.2984733.58511451 1.2984733 1.29847329z> /path> path dm30.9896947 14.175c0 .7133588-.5450382 1.2998092-1.3211832 1.2998092-.754771 0-1.2998092-.5877863-1.2998092-1.2998092v-11.21870229h-3.2501908c-.6706107 0-1.2156489-.50362595-1.2156489-1.2370229 0-.71335878.5450382-1.21564886 1.2156489-1.21564886h9.121374c.6706107 0 1.2156489.50362596 1.2156489 1.2370229 0 .71335878-.5450382 1.21564886-1.2156489 1.21564886h-3.2501908z> /path> path dm38.8740458 13.7555344v-11.63816799c0-1.09007633.6078244-1.69790076 1.7192748-1.65648855h7.5490458c.6706107 0 1.2156489.52366413 1.2156489 1.2370229 0 .71335878-.5450382 1.21564886-1.2156489 1.21564886h-6.6687023v3.60687023h5.8925573c.6505725 0 1.1742366.48225191 1.1742366 1.17423664s-.5236641 1.17423664-1.1742366 1.17423664h-5.8925573v4.15190837h6.6687023c.6706107 0 1.2156489.5236641 1.2156489 1.2370229s-.5450382 1.2156511-1.2156489 1.2156511h-7.611832c-1.0900764.0013337-1.6979008-.6064908-1.6564886-1.7179411z> /path> path dm64.2477099 13.7755725c.3566794.6078244.1255725 1.3839695-.6078244 1.7620229-.7133588.3566794-1.4895038.0841603-1.8448473-.5236641l-2.9148855-5.3889313h-2.767939l.0213741 4.571374c0 .7133588-.5450382 1.2998092-1.3211832 1.2998092-.754771 0-1.2998092-.5877863-1.2998092-1.2998092v-12.07900759c0-1.09007633.6078244-1.69790076 1.7192748-1.65648855h4.9694657c3.4185114 0 4.8438931 2.22290077 4.8438931 4.48721374 0 2.16011451-1.2583969 3.7538168-3.4185114 4.17328245zm-8.136832-6.52175571h4.1519084c1.4053435 0 2.1387404-.90171755 2.1387404-2.18148855 0-1.27977099-.776145-2.1601145-2.1601145-2.1601145h-4.1305343z> /path> path dm70.4541985 14.3633588c-1.5723283-1.4053435-2.285687-3.6068703-2.285687-6.37480918 0-2.78931298.6919847-4.96946565 2.2442748-6.35343512.9645038-.83893129 2.2643129-1.40534351 4.1519084-1.40534351 1.6564885 0 2.9362595.37805344 3.9007633 1.19561069.8389313.67061069 1.4467557 1.61507634 1.8034351 2.93625954.1883588.69198473-.2938931 1.38396947-1.0900763 1.53091603-.754771.12557252-1.3625954-.35667939-1.5937023-1.04866412-.251145-.67061069-.5877863-1.1528626-.9858779-1.48950382-.5450381-.48225191-1.2156488-.69198473-2.0973282-.69198473-.9431298 0-1.7620229.27251908-2.3698473.88034351-.8803435.88034351-1.258397 2.45400764-1.258397 4.44580153 0 1.97175572.3566794 3.54408398 1.279771 4.42442748.6078244.6078244 1.4053435.8803435 2.3270993.8803435.9645038 0 1.6979007-.251145 2.307061-.8175572.3139313-.2938932.5877863-.6706107.7761451-1.1114504.272519-.6505725.8389313-1.1328245 1.5723282-.9645038.7333969.1683206 1.1956107.8803435.9645038 1.5723282-.3780534 1.1528626-1.0272901 2.0759542-1.9076336 2.7051527-.9645038.6919847-2.1601145 1.0486641-3.6696565 1.0486641-1.9290076 0-3.1459923-.5664122-4.0690839-1.3625954z> /path> path dm83.2251908 7.98854962c0-4.69694657 1.9290077-7.75877863 6.4803436-7.75877863 4.5085877 0 6.4589694 2.97767176 6.4589694 7.75877863 0 4.84389308-1.9717557 7.75877858-6.4589694 7.75877858-4.5713741 0-6.4803436-2.9148855-6.4803436-7.75877858zm10.2541985 0c0-3.56545802-1.2998091-5.30477099-3.795229-5.30477099-2.4540076 0-3.7538168 1.74064885-3.7538168 5.30477099 0 3.56545798 1.258397 5.30477098 3.7538168 5.30477098 2.4740458 0 3.795229-1.7406488 3.795229-5.30477098z> /path> path dm116.50458 14.175c0 .7133588-.545038 1.2998092-1.321183 1.2998092-.754771 0-1.299809-.5877863-1.299809-1.2998092v-5.62003817l.062786-5.4730916-1.824809 5.55725191-1.844847 5.47309156c-.313932.9645039-.964504 1.3425573-1.782062 1.3425573-.860305 0-1.489503-.3980916-1.824809-1.3625954l-1.887595-5.45171758-1.740649-5.47309161.062786 5.3889313v5.62003819c0 .7133588-.545038 1.2998091-1.321183 1.2998091-.754771 0-1.299809-.5877862-1.299809-1.2998091v-11.21870231c0-1.55229008.838931-2.45400764 2.307061-2.45400764 1.383969 0 2.160115.73339695 2.599618 2.0759542l1.929008 5.72423664 1.174237 3.90076341 1.19561-3.90076341 1.929008-5.72423664c.44084-1.34255725 1.195611-2.0759542 2.57958-2.0759542 1.46813 0 2.285687.88034352 2.285687 2.45400764z> /path> /g> /g> /svg> /div> div classtext-gray-500 my-2 h-7 md:h-9> svg classh-full w-auto fillcurrentColor height48 viewBox0 0 175 48 width175 xmlnshttp://www.w3.org/2000/svg> g fillcurrent transformtranslate(3 7)> path dm56.6548259 25.3816928c-4.1385107 0-7.493381-3.4354677-7.493381-7.6740785 0-4.2375322 3.3548703-7.6729999 7.493381-7.6729999s7.4930223 3.4354677 7.4930223 7.6729999c0 4.2386108-3.3545116 7.6740785-7.4930223 7.6740785zm7.5167037.9731908c.1033371 1.1773918 1.0441361 2.6765442 2.6742084 2.6765442h.9537161c.3695739 0 .6727681-.3034255.6727681-.6737198v-20.9992784h-.0043057c-.0190169-.35375682-.311088-.6374094-.6684624-.6374094h-2.9551564c-.3573744 0-.6494455.28365258-.66918.6374094h-.0035881v1.70622957c-1.8109123-2.23434825-4.665602-3.16188139-7.5281855-3.16188139-6.5070133 0-11.782233 5.28514132-11.782233 11.80483652 0 6.5204142 5.2752197 11.8055555 11.782233 11.8055555v.0007191c2.8625835 0 5.9824335-1.1130398 7.5278267-3.1618814zm40.8858944-.9731908c-4.138215 0-7.4934948-3.4354677-7.4934948-7.6740785 0-4.2375322 3.3552798-7.6729999 7.4934948-7.6729999 4.138574 0 7.493136 3.4354677 7.493136 7.6729999 0 4.2386108-3.354562 7.6740785-7.493136 7.6740785zm7.516818.9731908c.103339 1.1773918 1.044152 2.6765442 2.674249 2.6765442h.954089c.36958 0 .67242-.3034255.67242-.6737198v-20.9992784h-.003947c-.019376-.35375682-.311452-.6374094-.668473-.6374094h-2.95556c-.357379 0-.649096.28365258-.66919.6374094h-.003588v1.70622957c-1.81094-2.23434825-4.665673-3.16188139-7.5283-3.16188139-6.5071121 0-11.7820531 5.28514132-11.7820531 11.80483652 0 6.5204142 5.274941 11.8055555 11.7820531 11.8055555v.0007191c2.862627 0 5.982524-1.1130398 7.527941-3.1618814z> /path> path dm158.204594 25.1860427c-4.064988 0-7.359971-3.3675788-7.359971-7.5224295 0-4.1537935 3.294983-7.5213723 7.359971-7.5213723 4.064282 0 7.358914 3.3675788 7.358914 7.5213723 0 4.1548507-3.294632 7.5224295-7.358914 7.5224295zm7.382172.9539594c.101493 1.1541251 1.025498 2.6236526 2.626472 2.6236526h.937044c.362977 0 .660759-.2974295.660759-.6604063v-20.58430769h-.004229c-.01903-.34676617-.305535-.62481343-.65653-.62481343h-2.902757c-.350995 0-.6375.27804726-.656882.62481343h-.003877v1.67251244c-1.778234-2.19019486-4.581965-3.09939884-7.393449-3.09939884-6.391211 0-11.571912 5.18070069-11.571912 11.57155889 0 6.3915631 5.180701 11.5722637 11.571912 11.5722637v.0007048c2.811484 0 5.875642-1.0910448 7.393097-3.0993989z> /path> path dm142.84652 26.386958-.001406-10.5372015h.000352c0-5.93987885-3.776327-9.94697872-9.798285-9.94697872-2.874492 0-5.504816 1.63540156-6.063061 3.06650865-.179876-1.10793139-.772903-2.27268871-2.611003-2.27268871h-.936967c-.36221 0-.658372.29458842-.658372.65367254v18.38754724.002789 1.9390543.0359084h.003864c.018621.3423501.304945.6177641.654859.6177641h1.959657.933805c.044266 0 .08783-.0052294.129637-.0135963.019322-.0034863.037239-.0108074.055859-.0160368.021431-.0066239.043916-.0118532.064292-.0202203.025646-.0104588.049184-.0247524.073074-.0380002.011594-.0069725.024242-.0122019.035484-.019523.028808-.0184771.055157-.0407891.080803-.0634498.004216-.0041835.009486-.0069726.01335-.0108074.028808-.0275414.055157-.0578717.078344-.0895967l.000352-.0006972c.072371-.0986611.116286-.2175423.123664-.3458364h.003513v-.0359084-1.2923542-.3395612-10.3614942c0-3.189922 2.606435-5.77637355 5.821706-5.77637355 3.214919 0 5.821355 2.58645155 5.821355 5.77637355l.002809 10.054704.000703-.0031377c0 .0087157.001406.01778.001406.0275414v1.9143019.0359084h.003513c.019322.3423501.305295.6177641.65521.6177641h1.958603.934859c.044618 0 .08783-.0052294.129637-.0135963.017215-.0031377.033024-.0097615.049887-.0146423.023539-.0066239.047779-.0125505.070615-.0216148.023539-.0097616.04532-.0230093.067453-.0359084.013702-.0073212.028106-.0128992.041105-.0216148.027051-.0174312.051293-.0383488.075182-.059615.006323-.0052293.012999-.0094128.018972-.0153394.027402-.0261469.051643-.0543856.074128-.0843673.001757-.0020919.003512-.0038349.005269-.0059267.071318-.0979638.114882-.2157991.122259-.3433959 0-.0010459.000352-.0017432.000352-.0017432h.003864v-.0359084-1.2923542zm-68.0938885-3.0398982c2.019354 1.3696875 4.2238214 2.0343993 6.3423435 2.0343993 2.0178847 0 4.103718-1.0238504 4.103718-2.8062416 0-2.3795174-4.5459338-2.7498003-7.4019717-3.6999536-2.8567726-.9501533-5.3172404-2.9140909-5.3172404-6.095289 0-4.86688419 4.4306051-6.87719712 8.5662773-6.87719712 2.6202386 0 5.3234843.84589884 7.0761866 2.05704768.6038228.44757504.2361667.96201671.2361667.96201671l-1.6733679 2.33853463c-.1876845.2635121-.5167754.4914338-.9887415.2059924-.4719662-.285082-2.1273369-1.4318807-4.6502439-1.4318807-2.5232742 0-4.0431154 1.1406873-4.0431154 2.5542334 0 1.6950333 1.9752793 2.2281688 4.2891989 2.8058822 4.0317296 1.0637547 8.4303805 2.3424891 8.4303805 7.1806134 0 4.288452-4.0982087 6.9386714-8.6272472 6.9386714-3.4326815 0-6.3548314-.9577027-8.8057497-2.7181646-.5108988-.5000617-.1542613-.9645331-.1542613-.9645331l1.6649202-2.3270307c.3386404-.4349926.7657972-.2832845.9527473-.1571007z> /path> path dm27.1527778 8.26333583c0 4.56415467-3.6997975 8.26444197-8.2638889 8.26444197s-8.2638889-3.7002873-8.2638889-8.26444197c0-4.56304855 3.6997975-8.26333583 8.2638889-8.26333583s8.2638889 3.70028728 8.2638889 8.26333583> /path> path dm8.23160463 17.773563c-4.54624074 0-8.2315679 3.6845926-8.2315679 8.2308333 0 4.5462408 3.68532716 8.2319352 8.2315679 8.2319352 4.54624077 0 8.23193527-3.6856944 8.23193527-8.2319352 0-4.5462407-3.6856945-8.2308333-8.23193527-8.2308333> /path> path dm29.3846129 17.7727549c-4.4470501 0-8.0526208 3.6853272-8.0526208 8.2319352 0 4.5458734 3.6055707 8.2315679 8.0526208 8.2315679 4.4474094 0 8.0529801-3.6856945 8.0529801-8.2315679 0-4.546608-3.6055707-8.2319352-8.0529801-8.2319352> /path> /g> /svg> /div> /div> /div> /div> !-- FEATURES SECTION --> div classmax-w-screen-xl mx-auto px-5> div classmt-14> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight> span classsm:hidden>Build and Distribute/span> span classhidden sm:inline>Build, launch, whitelabel/span> span classtext-red-600>your custom AI app/span> /h2> p classtext-lg mt-4 text-slate-600> CalStudio comes with everything you need to create and distribute your custom AI solution without code in minutes /p> /div> !-- Monetization Section --> div classmt-16 mb-24> div classgrid md:grid-cols-2 gap-12 items-center> div classorder-2 md:order-1> span classbg-red-100 text-red-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>Monetization/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Earn Revenue From Your AI Apps/h3> p classtext-lg text-gray-600 mb-6> Turn your expertise into income by monetizing your AI apps. CalStudio integrates with Stripe to handle all payment processing securely. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Flexible Pricing Models/h4> p classtext-gray-600>Offer one-time payments or subscriptions for apps/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Global Support/h4> p classtext-gray-600>Available for creators in 100+ countries worldwide/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Earnings Dashboard/h4> p classtext-gray-600>Track all your revenue in one centralized place/p> /div> /li> /ul> /div> div classorder-1 md:order-2> img srchttps://calstudio.com/img/pic3.png altMonetization Dashboard classrounded-lg shadow-xl w-full max-w-120% mx-auto> /div> /div> /div> !-- Hosting Section --> div classmb-24> div classgrid md:grid-cols-2 gap-12 items-center> div> img srchttps://calstudio.com/img/pic30.png altApp Hosting classrounded-lg shadow-xl w-full max-w-90% mx-auto> /div> div> span classbg-blue-100 text-blue-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>Hosting/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Seamless App Hosting/h3> p classtext-lg text-gray-600 mb-6> Launch your AI app instantly with our reliable hosting infrastructure, ensuring security, scalability, and high uptime. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Custom Domain Support/h4> p classtext-gray-600>Use your own domain or a CalStudio subdomain/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>High Performance/h4> p classtext-gray-600>Fast loading times and responsive interface/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>SSL Security/h4> p classtext-gray-600>Automatic SSL certificates for secure connections/p> /div> /li> /ul> /div> /div> /div> !-- Embedding Section --> div classmb-24> div classgrid md:grid-cols-2 gap-12 items-center> div classorder-2 md:order-1> span classbg-purple-100 text-purple-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>Embedding/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Embed Your AI Anywhere/h3> p classtext-lg text-gray-600 mb-6> Seamlessly integrate your AI app into any website with our embedding options. Just copy and paste a simple code snippet. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Simple Integration/h4> p classtext-gray-600>Easy-to-use embed code for any website/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Customizable Appearance/h4> p classtext-gray-600>Adjust the widget size, position, and styling/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Multi-platform Support/h4> p classtext-gray-600>Works on WordPress, Shopify, Wix, and more/p> /div> /li> /ul> /div> div classorder-1 md:order-2> img srchttps://calstudio.com/img/pwd43.png altEmbedding classrounded-lg shadow-xl w-full max-w-sm mx-auto> /div> /div> /div> !-- Analytics Section --> div classmb-24> div classgrid md:grid-cols-2 gap-12 items-center> div> img srcimg/th466.png altAnalytics Dashboard classrounded-lg w-full md:w-120 lg:w-140> /div> div> span classbg-green-100 text-green-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>Analytics/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Powerful Analytics & Insights/h3> p classtext-lg text-gray-600 mb-6> Understand your audience and optimize your AI app with detailed analytics. Track user interactions, conversation data, and more. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>User Insights/h4> p classtext-gray-600>Track user demographics and behavior patterns/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Conversation Analysis/h4> p classtext-gray-600>Review and analyze chat histories to improve responses/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Performance Metrics/h4> p classtext-gray-600>Monitor usage trends, response times, and engagement/p> /div> /li> /ul> /div> /div> /div> !-- LLM Models Section --> div classmb-24> div classgrid md:grid-cols-2 gap-12 items-center> div classorder-2 md:order-1> span classbg-yellow-100 text-yellow-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>LLM Models/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Access All Major AI Models/h3> p classtext-lg text-gray-600 mb-6> Choose from a wide range of leading language models to power your AI app, all without needing your own API keys. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Multiple Providers/h4> p classtext-gray-600>OpenAI, Anthropic, Meta, Google, Mistral, and more/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Latest Model Versions/h4> p classtext-gray-600>Access to GPT-5, Claude Sonnet 4, Llama 3.2, and more/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>No API Keys Required/h4> p classtext-gray-600>We handle all the API expenses so you can focus on your app/p> /div> /li> /ul> /div> div classorder-1 md:order-2> img srcimg/tj3.png altLLM Models classrounded-lg w-full max-w-90% mx-auto transition-all hover:shadow-xl> /div> /div> /div> !-- AI Studio Section --> div classmb-24> div classgrid md:grid-cols-2 gap-12 items-center> div classorder-1 md:order-1> span classbg-indigo-100 text-indigo-600 px-4 py-1 rounded-full text-sm font-medium inline-block mb-2>Studio/span> h3 classtext-2xl md:text-3xl font-bold mt-2 mb-6>Build Your Studio/h3> p classtext-lg text-gray-600 mb-6> CalStudio lets you bundle your apps in a storefront-like marketplace and sell them together as a subscription. Create a branded experience for your users with multiple AI apps under one roof. /p> ul classspace-y-4> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Marketplace Experience/h4> p classtext-gray-600>Create a storefront with multiple AI apps organized together/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Subscription Bundling/h4> p classtext-gray-600>Sell multiple apps together as a unified subscription offering/p> /div> /li> li classflex items-start> svg classh-6 w-6 text-green-500 mr-3 mt-1 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> div> h4 classfont-semibold>Branded Stores/h4> p classtext-gray-600>Customize your store with your own branding and design/p> /div> /li> /ul> /div> div classorder-2 md:order-2> !-- Live Studio Example --> div classrelative bg-white rounded-lg shadow-xl overflow-hidden border border-gray-200 max-w-120% mx-auto> div classbg-gradient-to-r from-blue-600 to-purple-600 p-3> div classflex items-center justify-between> h4 classtext-white font-semibold text-sm>Live Studio Example/h4> a hrefhttps://calstudio.com/studio/MyStudio1 target_blank classtext-white/80 hover:text-white text-sm> Visit Live Studio → /a> /div> /div> div classrelative> iframe src/studio/studiopage.html classw-full h-400px md:h-450px lg:h-500px border-0 titleStudio Example loadinglazy scrollingyes> /iframe> !-- Click overlay indicator --> a hrefhttps://calstudio.com/studio/MyStudio1 target_blank classabsolute bottom-3 right-3 z-10> div classinline-flex items-center px-3 py-1 bg-black/70 text-white text-sm rounded-lg hover:bg-black/80 transition-colors> Scroll to explore • Click to visit svg classml-2 w-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14>/path> /svg> /div> /a> /div> /div> /div> /div> /div> !-- Additional Features Grid --> div classmb-24> div classtext-center mb-16> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight> More Powerful span classtext-red-400>Features/span> /h2> p classtext-xl mt-4 text-gray-600 max-w-3xl mx-auto> Discover all the tools and capabilities included with your CalStudio account 🌈 /p> /div> div classgrid md:grid-cols-2 lg:grid-cols-3 gap-10> !-- Feature Card 1 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-blue-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-blue-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 6v6m0 0v6m0-6h6m-6 0H6> /path> /svg> /div> h3 classtext-xl font-bold mb-3>White Labeling/h3> p classtext-gray-600> Remove CalStudio branding and add your own logo, colors, and identity for a fully branded experience. /p> /div> !-- Feature Card 2 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-purple-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-purple-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z> /path> /svg> /div> h3 classtext-xl font-bold mb-3>Access Control/h3> p classtext-gray-600> Restrict app access with custom codes or passwords, or make it available to everyone. /p> /div> !-- Feature Card 3 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-red-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-red-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z> /path> /svg> /div> h3 classtext-xl font-bold mb-3>Multiple Templates/h3> p classtext-gray-600> Choose from a variety of open-source themes and layouts to customize your apps appearance. /p> /div> !-- Feature Card 4 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-green-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-green-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4> /path> /svg> /div> h3 classtext-xl font-bold mb-3>Workflow Integration/h3> p classtext-gray-600> Connect your AI app with Zapier, Make, or other workflow managers to automate your business processes. /p> /div> !-- Feature Card 5 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-yellow-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-yellow-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4>/path> /svg> /div> h3 classtext-xl font-bold mb-3>Message Integration/h3> p classtext-gray-600> Connect your AI app with SMS, WhatsApp, Email, and other messaging platforms. /p> /div> !-- Feature Card 6 --> div classfeature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-all> div classbg-indigo-100 rounded-full w-14 h-14 flex items-center justify-center mb-6> svg classh-8 w-8 text-indigo-600 feature-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z> /path> /svg> /div> h3 classtext-xl font-bold mb-3>Knowledge Base Integration/h3> p classtext-gray-600> Upload PDFs, documents, and more to create AI apps that can answer questions based on your content. /p> /div> /div> /div> !-- CTA Section --> div classpy-20 bg-black text-white rounded-xl mb-8 -mx-4 stylewidth: auto; box-sizing: border-box; max-width: 100vw; overflow-x: clip;> div classmax-w-4xl mx-auto px-3 text-center> h2 classtext-3xl md:text-4xl font-bold mb-6>Ready to Build Your AI App?/h2> p classtext-xl text-gray-300 max-w-2xl mx-auto mb-10> Start creating your custom AI app today without writing a single line of code. Launch in minutes, not months. /p> div classflex flex-wrap justify-center gap-4> a href/signup classrounded-full px-8 py-3 bg-white hover:bg-gray-200 text-black font-medium transition-all> Sign Up Free /a> a href/#pricing classrounded-full px-8 py-3 border-2 border-white bg-transparent hover:bg-white/10 text-white font-medium transition-all> View Pricing /a> /div> /div> /div> /div> div idapps>/div> div classmax-w-screen-xl mx-auto px-5 pt-5> div classmt-16 text-center> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight> Built with span classtext-red-400>CalStudio/span> ⚡️ /h2> p classtext-lg mt-4 text-slate-600> Check out some of the cool AI apps created by others using CalStudio :) /p> /div> div classgrid sm:grid-cols-2 md:grid-cols-3 mt-16 gap-16> a hrefhttps://vinobot.justben.fyi styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srchttps://calstudio.com/img/pon34.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> Vinobot /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ vinobot.justben.fyi /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://logodalle.shop styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srchttps://calstudio.com/img/pioc46.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> LogoDalle /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ logodalle.shop /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://travelplannerai.cals.app styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srchttps://calstudio.com/img/pp36.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> TravelPlannerAI /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ travelplannerai.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://triviumgrok.cals.app/ styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 src/img/img46.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> TriviumGrok /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ triviumgrok.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://claude.cals.app styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srchttps://calstudio.com/img/omff.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> Claude /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ claude.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://ytscript.cals.app/ styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srcimg/cod57.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> Podcast Script Assistant /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ ytscript.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://app.creditrooster.ai/ styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srchttps://calstudio.com/img/pwd2.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> Coach Rooster /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ app.creditrooster.ai /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://chatgptseo.cals.app/ styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 srcimg/th293.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> ChatGPT SEO /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ chatgptseo.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> a hrefhttps://finleyfianace.cals.app/ styletext-decoration: none; color: inherit; target_blank> div classflex justify-center gap-5 items-start> div classitem-container> div classimage-container> img altDescription classrounded-full w-8 h-8 src/img/img69.png /> /div> div classcontent-container mt-2> div classmt-2 p-2> h3 classfont-semibold text-lg> Finley /h3> p classtext-slate-500 mt-2 leading-relaxed> ➥ finleyfianace.cals.app /p> p classtext-slate-500 leading-relaxed > /p> /div> /div> /div> /div> /a> /div> div classtext-center mt-12> p classtext-lg text-slate-600> Browse more on a href/leaderboard classtext-indigo-600 hover:underline>marketplace/a> /p> /div> /div> div classgrid hidden sm:grid-cols-2 md:grid-cols-3 mt-12 gap-8 md:gap-16> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:document-javascript-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM18 20.5h-7.034a2.939 2.939 0 0 1-.702 1.5H18a2 2 0 0 0 2-2V9.828a2 2 0 0 0-.586-1.414l-5.829-5.828a.491.491 0 0 0-.049-.04.63.63 0 0 1-.036-.03 2.072 2.072 0 0 0-.219-.18.652.652 0 0 0-.08-.044l-.048-.024-.05-.029c-.054-.031-.109-.063-.166-.087a1.977 1.977 0 0 0-.624-.138.56.56 0 0 1-.059-.007.605.605 0 0 0-.082-.007H6a2 2 0 0 0-2 2v10.018a1.745 1.745 0 0 1 1.5.508V4a.5.5 0 0 1 .5-.5h6V8a2 2 0 0 0 2 2h4.5v10a.5.5 0 0 1-.5.5zm-.622-12H14a.5.5 0 0 1-.5-.5V4.621L17.378 8.5zM4.25 15a.75.75 0 0 1 .75.75V20a2 2 0 1 1-4 0v-.25a.75.75 0 0 1 1.5 0V20a.5.5 0 0 0 1 0v-4.25a.75.75 0 0 1 .75-.75zm3.7 0A1.95 1.95 0 0 0 6 16.95v.234c0 .614.323 1.184.85 1.5l1.529.918a.25.25 0 0 1 .121.214v.234a.45.45 0 0 1-.45.45h-.1a.45.45 0 0 1-.45-.45V20A.75.75 0 0 0 6 20v.05A1.95 1.95 0 0 0 7.95 22h.1A1.95 1.95 0 0 0 10 20.05v-.234a1.75 1.75 0 0 0-.85-1.5l-1.529-.918a.25.25 0 0 1-.121-.214v-.234a.45.45 0 0 1 .45-.45h.1a.45.45 0 0 1 .45.45V17a.75.75 0 0 0 1.5 0v-.05A1.95 1.95 0 0 0 8.05 15h-.1z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>Bring Your Own Framework/h3> p classtext-slate-500 mt-2 leading-relaxed> Build your site using React, Svelte, Vue, Preact, web components, or just plain ol HTML + JavaScript. /p> /div> /div> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:trophy-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM15.254 2a2.25 2.25 0 0 1 2.236 2h1.268a1.75 1.75 0 0 1 1.744 1.606l.006.144v3a3.25 3.25 0 0 1-3.066 3.245l-.21.006a5.758 5.758 0 0 1-4.731 3.95V17.5h1.753a3.25 3.25 0 0 1 3.244 3.066l.006.184v.5a.75.75 0 0 1-.649.743l-.101.007H6.75a.75.75 0 0 1-.744-.648L6 21.25v-.5a3.25 3.25 0 0 1 3.065-3.245l.185-.005H11v-1.549a5.758 5.758 0 0 1-4.729-3.95L6.246 12a3.25 3.25 0 0 1-3.25-3.25v-3c0-.966.784-1.75 1.75-1.75h1.268a2.25 2.25 0 0 1 2.237-2h7.003zm-1 17H9.25a1.75 1.75 0 0 0-1.705 1.352l-.028.148h8.468a1.75 1.75 0 0 0-1.579-1.493L14.255 19zm1-15.5H8.25a.75.75 0 0 0-.75.75v5.998a4.252 4.252 0 0 0 8.503 0V4.25a.75.75 0 0 0-.75-.75zm3.504 2h-1.254v4.983A1.75 1.75 0 0 0 19 8.904l.007-.154v-3a.25.25 0 0 0-.193-.243l-.057-.007zM6 5.5H4.746a.25.25 0 0 0-.25.25v3a1.75 1.75 0 0 0 1.505 1.733V5.5z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>100% Static HTML, No JS/h3> p classtext-slate-500 mt-2 leading-relaxed> CalStudio renders your entire page to static HTML, removing all JavaScript from your final build by default. /p> /div> /div> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:box-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM10.591 2.513a3.75 3.75 0 0 1 2.818 0l7.498 3.04A1.75 1.75 0 0 1 22 7.175v9.653a1.75 1.75 0 0 1-1.093 1.621l-7.498 3.04a3.75 3.75 0 0 1-2.818 0l-7.498-3.04A1.75 1.75 0 0 1 2 16.827V7.176a1.75 1.75 0 0 1 1.093-1.622l7.498-3.04zm2.254 1.39a2.25 2.25 0 0 0-1.69 0L9.24 4.68l7.527 2.927 2.669-1.03-6.592-2.673zm1.846 4.505L7.215 5.5 4.59 6.564l7.411 2.882 2.69-1.038zM3.5 16.828a.25.25 0 0 0 .156.231l7.499 3.04c.031.013.063.025.095.036v-9.371L3.5 7.75v9.078zm9.345 3.271 7.499-3.04a.25.25 0 0 0 .156-.232V7.774l-7.75 2.992v9.37a2.18 2.18 0 0 0 .095-.036z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>On-Demand Components/h3> p classtext-slate-500 mt-2 leading-relaxed> Need some JS? CalStudio can automatically hydrate interactive components when they become visible on the page. /p> /div> /div> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:box-multiple-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM15.78 3.737a2.25 2.25 0 0 0-1.56 0L9.913 5.33a.25.25 0 0 0-.163.234v2.793a4.75 4.75 0 0 0-1.5 0V5.563a1.75 1.75 0 0 1 1.143-1.641L13.7 2.33a3.75 3.75 0 0 1 2.6 0l4.307 1.592a1.75 1.75 0 0 1 1.143 1.641v10.67a1.75 1.75 0 0 1-1.143 1.642l-4.018 1.484c.105-.292.161-.604.161-.927v-.731l3.337-1.233a.25.25 0 0 0 .163-.235V5.563a.25.25 0 0 0-.163-.234L15.78 3.737zm-4.01 3.93a.75.75 0 1 1 .49-1.418l2.658.92a.25.25 0 0 0 .163 0l2.65-.92a.75.75 0 1 1 .492 1.418l-2.65.919a1.75 1.75 0 0 1-1.145 0l-2.659-.919zm-6 7a.75.75 0 0 1 .49-1.418l2.74.948 2.732-.947a.75.75 0 1 1 .49 1.417l-2.472.857v2.7a.75.75 0 0 1-1.5 0v-2.7l-2.48-.857zM10.3 9.53a3.75 3.75 0 0 0-2.6 0l-4.307 1.592a1.75 1.75 0 0 0-1.143 1.641v5.67a1.75 1.75 0 0 0 1.143 1.642L7.7 21.666a3.75 3.75 0 0 0 2.6 0l4.307-1.592a1.75 1.75 0 0 0 1.143-1.642v-5.67a1.75 1.75 0 0 0-1.143-1.641L10.3 9.529zm-2.08 1.407a2.25 2.25 0 0 1 1.56 0l4.307 1.592a.25.25 0 0 1 .163.234v5.67a.25.25 0 0 1-.163.235L9.78 20.259a2.25 2.25 0 0 1-1.56 0l-4.307-1.592a.25.25 0 0 1-.163-.235v-5.67a.25.25 0 0 1 .163-.234l4.307-1.592z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>Broad Integration/h3> p classtext-slate-500 mt-2 leading-relaxed> CalStudio supports TypeScript, Scoped CSS, CSS Modules, Sass, Tailwind, Markdown, MDX, and any other npm packages. /p> /div> /div> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:book-search-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM14.819 11.795a3.724 3.724 0 1 0-1.024 1.024l2.476 2.475.067.058.008.006a.724.724 0 0 0 .942-1.093l-2.47-2.47zm-3.095-4.348a2.276 2.276 0 1 1 0 4.553 2.276 2.276 0 0 1 0-4.553zM6.5 2A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25a.75.75 0 0 0 .75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5zM19 18H5.5V4.5a1 1 0 0 1 1-1H18a1 1 0 0 1 1 1V18z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>SEO Enabled/h3> p classtext-slate-500 mt-2 leading-relaxed> Automatic sitemaps, RSS feeds, pagination and collections take the pain out of SEO and syndication. It just works! /p> /div> /div> div classflex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5> div classmt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center p-2 w-10 h-10 shrink-0> svg CalStudio-iconfluent:people-community-24-regular classtext-indigo-500 height24 viewBox0 0 24 24 width24> path dM14.75 15c.966 0 1.75.784 1.75 1.75l-.001.962c.117 2.19-1.511 3.297-4.432 3.297-2.91 0-4.567-1.09-4.567-3.259v-1c0-.966.784-1.75 1.75-1.75h5.5zm0 1.5h-5.5a.25.25 0 0 0-.25.25v1c0 1.176.887 1.759 3.067 1.759 2.168 0 2.995-.564 2.933-1.757V16.75a.25.25 0 0 0-.25-.25zm-11-6.5h4.376a4.007 4.007 0 0 0-.095 1.5H3.75a.25.25 0 0 0-.25.25v1c0 1.176.887 1.759 3.067 1.759.462 0 .863-.026 1.207-.077a2.743 2.743 0 0 0-1.173 1.576l-.034.001C3.657 16.009 2 14.919 2 12.75v-1c0-.966.784-1.75 1.75-1.75zm16.5 0c.966 0 1.75.784 1.75 1.75l-.001.962c.117 2.19-1.511 3.297-4.432 3.297l-.169-.002a2.755 2.755 0 0 0-1.218-1.606c.387.072.847.108 1.387.108 2.168 0 2.995-.564 2.933-1.757V11.75a.25.25 0 0 0-.25-.25h-4.28a4.05 4.05 0 0 0-.096-1.5h4.376zM12 8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM6.5 3a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm11 0a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-11 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z fillcurrentColor>/path> /svg> /div> div> h3 classfont-semibold text-lg>Community/h3> p classtext-slate-500 mt-2 leading-relaxed> CalStudio is an open source project powered by hundreds of contributors making thousands of individual contributions. /p> /div> /div> /div> /div> div iddemo>/div> !-- additional section starts here --> div classw-full mt-12 mx-auto px-3.5 sm:px-0> div class> h2 classtext-4xl pt-12 lg:text-5xl font-bold lg:tracking-tight text-center> Product span classtext-red-400>Demo/span> /h2> p classtext-lg mt-4 text-slate-600 text-center> Discover how CalStudio works 🥳 /p> div classmt-12> div classw-full sm:w-4/5 m-auto pb-2 bg-light-pink b-shadow> div classrelative right-0> ul classrelative flex flex-wrap list-none rounded-xl bg-blue-gray-50/60 bg-light-pink-tab md:w-3/4 sm:w-11/12 w-full tab-nav-style idtabs rolelist> li classz-30 flex-auto text-center> a onclickshowTab(app, this) classz-30 flex items-center justify-center w-full px-0 py-2 mb-0 transition-all ease-in-out border-0 cursor-pointer text-slate-700 hover:text-blue-500 bg-inherit rounded-t-lg f-s-13 tab-link active roletab> span classml-1>GPT-5/span> /a> /li> li classz-30 flex-auto text-center> a onclickshowTab(message, this) classz-30 flex items-center justify-center w-full px-0 py-2 mb-0 transition-all ease-in-out border-0 cursor-pointer text-slate-700 hover:text-blue-500 bg-inherit rounded-t-lg f-s-13 tab-link roletab> span classml-1>4.5 Sonnet/span> /a> /li> li classz-30 flex-auto text-center> a onclickshowTab(settings, this) classz-30 flex items-center justify-center w-full px-0 py-2 mb-0 transition-all ease-in-out border-0 cursor-pointer text-slate-700 hover:text-blue-500 bg-inherit rounded-t-lg f-s-13 tab-link roletab> span classml-1>Llama 3.2/span> /a> /li> li classz-30 flex-auto text-center no-underline> a onclickshowTab(Product, this) classz-30 no-underline flex items-center justify-center w-full px-0 py-2 mb-0 transition-all ease-in-out border-0 cursor-pointer text-slate-700 hover:text-blue-500 bg-inherit rounded-t-lg f-s-13 tab-link roletab> span classml-1>OpenAI Assistant/span> /a> /li> li classz-30 flex-auto text-center no-underline> a onclickshowTab(Product1, this) classz-30 no-underline flex items-center justify-center w-full px-0 py-2 mb-0 transition-all ease-in-out border-0 cursor-pointer text-slate-700 hover:text-blue-500 bg-inherit rounded-t-lg f-s-13 tab-link roletab> span classml-1>Web Hosting/span> /a> /li> /ul> div classp-5 data-tab-content> div classblock opacity-100 w-full idapp roletabpanel> div classflex md:flex-row flex-col-reverse w-full md:w-11/12 m-auto> div classw-full md:w-4/12 pl-1 md:pl-5 pr-4 lg:pr-14> h2 classmt-2 sm:mt-5 lg:mt-12 f-44>GPT-5/h2> p classmd:mt-2 lg:mt-4 font-light>GPT-5 is OpenAIs most advanced model, offering a 256k context window and a knowledge cut-off date of October 2024. Heres how you can build, monetize, and launch a custom GPT-5 app on CalStudio/p> button classrounded-full select-none bg-black py-3 px-6 text-center align-middle font-sans text-xs text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:bg-gray-800 focus:opacity-0.85 focus:shadow-none active:opacity-0.85 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none md:text-base mt-2.5 md:mt-7 onclickwindow.location.href /login; typebutton>Start building apps /button> /div> div classw-full md:w-8/12> div stylepadding:78.975% 0 0 0;position:relative;> iframe srchttps://player.vimeo.com/video/1124383090?badge0&autopause0&player_id0&app_id58479 frameborder0 allowautoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share referrerpolicystrict-origin-when-cross-origin styleposition:absolute;top:0;left:0;width:100%;height:100%; titleBuilding a Custom GPT 5 app>/iframe>/div>script srchttps://player.vimeo.com/api/player.js>/script> /div> /div> /div> /div> div classhidden opacity-0 w-full p-4 mt-2 idmessage roletabpanel> div classflex md:flex-row flex-col-reverse w-full md:w-11/12 m-auto> div classw-full md:w-4/12 pl-1 md:pl-5 pr-4 lg:pr-14> h2 classf-44>4.5 Sonnet/h2> p classmd:mt-2 lg:mt-4 font-light>Anthropics Claude 4.5 Sonnet outperforms competitor models on a wide range of evaluations. Heres a video of how a custom learning chatbot app can be built with 4.5 Sonnet and CalStudio /p> button classrounded-full select-none bg-black py-3 px-6 text-center align-middle font-sans text-xs text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:bg-gray-800 focus:opacity-0.85 focus:shadow-none active:opacity-0.85 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none md:text-base mt-2.5 md:mt-7 onclickwindow.location.href /login; typebutton>Start building apps /button> /div> div classw-full md:w-8/12> div stylepadding:78.975% 0 0 0;position:relative;> iframe srchttps://player.vimeo.com/video/1124383024?badge0&autopause0&player_id0&app_id58479 frameborder0 allowautoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share referrerpolicystrict-origin-when-cross-origin styleposition:absolute;top:-40px;left:0;width:100%;height:100%; titleBuilding a Custom Claude Sonnet 4.5 app>/iframe> /div> /div> /div> /div> div classhidden opacity-0 w-full p-4 mt-2 idsettings roletabpanel> div classflex md:flex-row flex-col-reverse w-full md:w-11/12 m-auto> div classw-full md:w-4/12 pl-1 md:pl-5 pr-4 lg:pr-14> h2 classf-44>Llama 3.2/h2> p classmd:mt-2 lg:mt-4 font-light>Metas Llama family of models, LlaMa 3.2 90B, 11B, 3B, LLaMa 3.1 405B, LLaMa 3 8B and LLaMa 3 70B, models have shown to perform well on a variety of natural language processing tasks. Heres how you could build an AI interviewer with Llama 3 on CalStudio /p> button classrounded-full select-none bg-black py-3 px-6 text-center align-middle font-sans text-xs text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:bg-gray-800 focus:opacity-0.85 focus:shadow-none active:opacity-0.85 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none md:text-base mt-2.5 md:mt-7 onclickwindow.location.href /login; typebutton>Start building apps /button> /div> div classw-full md:w-8/12> div stylepadding:77.975% 0 0 0;position:relative;> iframe allowautoplay; fullscreen; picture-in-picture; clipboard-write frameborder0 srchttps://player.vimeo.com/video/974361473?badge0&autopause0&player_id0&app_id58479 styleposition:absolute;top:-40px;left:0;width:100%;height:100%; titledemo_pmfm>/iframe> /div> /div> /div> /div> div classhidden opacity-0 w-full p-4 mt-2 idProduct roletabpanel> div classflex md:flex-row flex-col-reverse w-full md:w-11/12 m-auto> div classw-full md:w-4/12 pl-1 md:pl-5 pr-4 lg:pr-14> h2 classf-44>Assistants/h2> p classmd:mt-2 lg:mt-4 font-light>OpenAI Assistant is a great way to build an AI agent but one big problem with the assistants is that you cant really share them anywhere with others to use, or monetize them! Heres how you can solve this problem on CalStudio /p> button classrounded-full select-none bg-black py-3 px-6 text-center align-middle font-sans text-xs text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:bg-gray-800 focus:opacity-0.85 focus:shadow-none active:opacity-0.85 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none md:text-base mt-2.5 md:mt-7 onclickwindow.location.href /login; typebutton>Start building apps /button> /div> div classw-full md:w-8/12> div stylepadding:77.975% 0 0 0;position:relative;> iframe allowautoplay; fullscreen; picture-in-picture; clipboard-write frameborder0 srchttps://player.vimeo.com/video/974374938?badge0&autopause0&player_id0&app_id58479 styleposition:absolute;top:-40px;left:0;width:100%;height:100%; titledemo_pmfm>/iframe> /div> /div> /div> /div> div classhidden opacity-0 w-full p-4 mt-2 idProduct1 roletabpanel> div classflex md:flex-row flex-col-reverse w-full md:w-11/12 m-auto> div classw-full md:w-4/12 pl-1 md:pl-5 pr-4 lg:pr-14> h2 classf-44>Web Hosting/h2> p classmd:mt-2 lg:mt-4 font-light>Web Hosting lets you connect a custom domain with your CalStudio app. After launching the app and making a simple DNS change, you can use it on your own websites root domain or subdomain. /p> button classrounded-full select-none bg-black py-3 px-6 text-center align-middle font-sans text-xs text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:bg-gray-800 focus:opacity-0.85 focus:shadow-none active:opacity-0.85 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none md:text-base mt-2.5 md:mt-7 onclickwindow.location.href /login; typebutton>Start building apps /button> /div> div classw-full md:w-8/12> div stylepadding:74.975% 0 0 0;position:relative;> iframe allowautoplay; fullscreen; picture-in-picture; clipboard-write frameborder0 srchttps://player.vimeo.com/video/1124384504?badge0&autopause0&player_id0&app_id58479 styleposition:absolute;top:-44px;left:0;width:100%;height:100%; titledemo_pmfm>/iframe> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> !-- additional section ends here --> div idFAQs>/div> !-- FAQ --> div classmax-w-screen-xl mx-auto px-5 pt-5> div classmt-16 text-center> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight>FAQ/h2> p classtext-lg mt-4 text-slate-500 mx-auto max-w-xl> Frequently asked questions /p> /div> div classgrid divide-y divide-neutral-200 max-w-xl mx-auto mt-8 bg-white p-4 rounded shadow-md> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>How can I create my AI app on CalStudio?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> You will need to a href/login styletext-decoration: underline;>login/a> and then click on the Create App button. A form will then open up where you can provde your app details. If you plan to monetize, you will need to connect your bank account or debit card with Stripe. Here is a a hrefhttps://youtu.be/cjooEWSQwVM styletext-decoration: underline; target_blank>video/a> that explains the entire process step-by-step. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Can I use my own website or subdomain?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Absolutely! You can publish your app to your website or subdomain by making a simple DNS change. Once youve launched your app, you will see this option available in your dashboard. Here is a a hrefhttps://youtu.be/z2jqALQbSbk styletext-decoration: underline; target_blank>video/a> that explains this process. /p> /details> /div> div classpy-5 hidden> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>I dont like the name CalStudio/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> If you dont like this name, we have an alternate domain called a hrefhttps://calstudio.com/ styletext-decoration: underline; target_blank>calstudio.com/a> which works the same way. You can publish your app to a custom website too. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>What models can I use to build my AI app on CalStudio?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> As per our last update, we support AI models from: OpenAI, Anthropic, Meta, Google, Mistral, and Stability AI. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Do you support MCPs?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes! CalStudio fully supports Model Context Protocol (MCPs) using OpenAI models and Responses API, allowing your AI agents to connect to external tools, databases, and APIs. You can create powerful agents that access real-time data and execute complex workflows. a href/mcp-agents styletext-decoration: underline; color: #3b82f6; target_blank>Learn how to build MCP agents →/a> /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Can I restrict access to my app?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes, you can add an access code for your app. Only users with the correct access code will be granted permission to use your app. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Do I need an API Key?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> No, you dont need any API Key to build your app. We take care of all the API expenses so all you have to do is focus on your CalStudio apps 😇 /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Can I embed the AI app on a website?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes, once you have created your app, you will see an option for embedding it to your any website on the dashboard. We also provide hosting options so you can choose what works best for your needs. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>What is an AI Studio?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> AI Studio is a storefront of your apps where you can sell a bundle of your apps. It allows you to create subscription tiers, showcase multiple AI apps together, and provide a unified experience for your customers to access and purchase your AI solutions. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Is CalStudio HIPAA compliant?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes, CalStudio offers HIPAA-compliant AI solutions when using select models. Our HIPAA-compliant models include OpenAI (GPT-4, GPT-3.5) via Azure, Claude via AWS Bedrock, and Gemini via Google Cloud Platform. We offer custom BAAs for Pro Max enterprise customers. Learn more about our HIPAA compliance a href/blog/hipaa-compliant styletext-decoration: underline;>here/a>. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>How can I create my own AI Studio?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> You need to create 2 apps first, get a subscription and connect your Stripe to be able to access the option to create your studio. It will show up in your a href/dashboard styletext-decoration: underline;>dashboard/a>. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Can I use my OpenAI Assistant for building the app?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes, you can use your OpenAI assistant id to create your app. However, you will need to provide your OpenAI API key to make it work. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>I am from a country where Stripe is not available. Can I monetize my app?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> We provide a list of countries where monetization is supported before you subcribe. If your country is on our supported list, you can use Stripe through our platform regardless of local Stripe availability rules. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Can I push my app to SMS or WhatsApp?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> Yes, you can do this by connecting your Twilio account. You will need to be on the Pro plan for this. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>Where can I see the payments received for my product?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> To access your connected Stripe account for payments, please a href/login styletext-decoration: underline;>login/a> to CalStudio. From your dashboard, please click on the top right drop down menu with your name. You will find an option called Stripe Access. Clicking on this will redirect you to your connected Stripe account. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>How do I access analytics and customer data for my app?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> App analytics can be viewed by clicking on the Analytics button available once the app is live. Basic analytics like views, messages, payments, last message and customer are available for free. If youd like to view all the customer and conversation data, youll need to subscribe to the Pro Plan for $19 / mo or the Pro Plus Plan for $29 / mo. /p> /details> /div> div classpy-5> details classgroup> summary classflex justify-between items-center font-medium cursor-pointer list-none> span>How can I contact support?/span>span classtransition group-open:rotate-180>svg fillnone height24 shape-renderinggeometricPrecision strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 24 24 width24> path dM6 9l6 6 6-6>/path> /svg>/span> /summary> p classtext-neutral-600 mt-3 group-open:animate-fadeIn> If you need help with CalStudio or have any other questions, you can chat with us by clicking on the bottom-right widget, or submit a support ticket through the a hrefhttps://discord.gg/FnktGy3mkV styletext-decoration: underline; target_blank>discord/a>, or reach out to us at support@calstudio.com /p> /details> /div> /div> /div> div idpricing>/div> div classmax-w-screen-xl bg-white mx-auto px-5 id> div classmt-16 text-center> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight id> Pricing /h2> /div> !-- div classmt-8 flex flex-col items-center> input typerange idmessages namemessages classw-64 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer min1 max6 value2 step1 oninputupdateMessageCount(this.value)> div classflex justify-between w-64 mt-2 text-sm text-gray-600> span>500/span> span>1k/span> span>3k/span> span>5k/span> span>10k/span> span>20k/span> span>30k/span> /div> div classtext-sm text-gray-600 mt-2> span idmessageCount>5,000/span> messages/month /div> /div> --> div classmax-w-md mx-auto p-6> !-- Title --> p classtext-lg mb-2 text-slate-500 mx-auto max-w-xl> How many messages do you expect per month? /p> !-- Slider Container --> div classrelative mt-4> !-- Slider Track --> div classh-6 bg-gray-100 rounded-full> !-- Active Track --> div classabsolute h-6 bg-red-400 rounded-l-full stylewidth: 20%>/div> !-- Control Circle --> div classabsolute top-0 h-6 w-6 bg-white rounded-full shadow-lg border-2 border-red-400 cursor-pointer styleleft: 16.67%; transform: scale(1.5)>/div> /div> !-- Markers and Labels --> div classrelative w-full flex justify-between text-sm text-gray-400 mt-4> span>1k/span> span>5k/span> span>10k/span> span>20k/span> span>30k/span> span>50k/span> /div> !-- Slider Thumb --> input classabsolute top-0 left-0 w-full h-6 opacity-0 cursor-pointer max5 min0 oninputupdateSlider(this.value) typerange value1> /div> !-- Selected Value Display --> div classtext-center mt-4 text-gray-500> span idselectedValue>1k/span> messages/month /div> /div> script> function updateSlider(value) { const track document.querySelector(.bg-red-400); const circle document.querySelector(.border-red-400); const percentage (value / 5) * 100; track.style.width `${percentage}%`; circle.style.left `${percentage - 3.53}%`; // Adjusted to align the circle with the labels const values 1k, 5k, 10k, 20k, 30k, 50k; const proPrices 19, 29, 249, 499, 999, 2499; const proPlusPrices 29, 59, 399, 649, 1299, 3299; document.getElementById(selectedValue).textContent valuesvalue; document.getElementById(proPlusMessages).textContent valuesvalue; document.getElementById(proMessages).textContent valuesvalue; document.getElementById(proPrice).textContent proPricesvalue; document.getElementById(proPlusPrice).textContent proPlusPricesvalue; } /script> div classgrid md:grid-cols-4 gap-6 mx-auto max-w-screen-2xl mt-6> div> div classflex flex-col bg-white w-full order-first lg:order-none border py-5 px-6 relative rounded-lg border-neutral-200 shadow-sm> div class> h3 classtext-black>Free/h3> p classmt-2 text-black> span classflex items-baseline> span class> $/span> span classfont-bold text-2xl md:text-4xl> 0/span> span classml-1 text-neutral-600> /month/span> /span> /p> p classmt-3 text-sm text-neutral-600>50 messages included/p> /div> ul classgrid mt-8 text-left gap-y-4> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> symbol idai:ph:check-circle-fill> path dM128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32 fillcurrentColor> /path> /symbol> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create custom AI apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create up to 5 apps/span> /li> li classflex items-center hidden gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Use Landing Page option/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Monetize your apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Monetization/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Analytics/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>Limited Access to AI models/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Custom Domains or Embedding/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No White-labelling of apps/span> /li> /ul> div classflex mt-8> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-white border-2 border-black hover:bg-gray-100 text-black href/login>Get Started /a> /div> /div> /div> div> div classflex flex-col bg-white w-full order-first lg:order-none border py-5 px-6 relative rounded-lg border-neutral-200 shadow-sm> div class> h3 classtext-black>Lite/h3> p classmt-2 text-black> span classflex items-baseline> span class> $/span> span classfont-bold text-2xl md:text-4xl> 15/span> span classml-1 text-neutral-600> /month/span> /span> /p> p classmt-3 text-sm text-neutral-600>1k messages/month included/p> /div> ul classgrid mt-8 text-left gap-y-4> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> symbol idai:ph:check-circle-fill> path dM128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32 fillcurrentColor> /path> /symbol> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create custom AI apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create up to 50 apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Monetize your apps/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Full Access to all AI models/span> /li> li classflex items-center hidden gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Use Landing Page option/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Monetization/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Analytics/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No Custom Domains or Embedding/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No White-labelling of apps/span> /li> /ul> div classflex mt-8> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-white border-2 border-black hover:bg-gray-100 text-black href/login>Get Started /a> /div> /div> /div> div> div classflex flex-col w-full bg-white order-first lg:order-none border py-5 px-6 relative rounded-lg border-red-500 shadow-lg shadow-red-50> span classinline-flex absolute px-3 py-1 text-xs -top-3 left-1/2 -translate-x-1/2 font-medium rounded-full bg-gradient-to-r from-red-500 to-orange-500 text-white> Popular /span> div class> h3 classtext-black>Pro/h3> p classmt-2 text-black> span classflex items-baseline> span class> $/span> span classfont-bold text-2xl md:text-4xl idproPrice> 29/span> span classml-1 text-neutral-600> /month/span> /span> /p> p classmt-3 text-sm text-neutral-600> span idproMessages>5k/span> messages/month included /p> /div> ul classgrid mt-8 text-left gap-y-4> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>All Lite Features/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create up to 100 apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Use Custom Domains and Embedding/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Publish apps to Messaging Services/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Publish apps to websites/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Limited Analytics (Last 50)/span> /li> li classflex items-center gap-3 hidden text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>First 50 responses on us/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 fillcurrentColor height1em viewBox0 0 256 256 width1em> path dM216.971 39.029c-10.497-10.497-27.258-10.497-37.755 0L128 90.245 76.784 39.029c-10.497-10.497-27.258-10.497-37.755 0-10.497 10.497-10.497 27.258 0 37.755L90.245 128l-51.216 51.216c-10.497 10.497-10.497 27.258 0 37.755 10.497 10.497 27.258 10.497 37.755 0L128 165.755l51.216 51.216c-10.497 10.497 27.258 10.497 37.755 0 10.497-10.497 10.497-27.258 0-37.755L165.755 128l51.216-51.216c-10.497-10.497 10.497-27.258 0-37.755z /> /svg> span classtext-sm>No White-labelling of apps/span> /li> /ul> div classflex mt-8> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-black hover:bg-gray-800 text-white href/login>Get Started /a> /div> /div> /div> div> div classflex flex-col w-full bg-white order-first lg:order-none border py-5 px-6 relative rounded-lg border-neutral-200 shadow-sm> div class> h3 classtext-black>Pro Plus/h3> p classmt-2 text-black> span classflex items-baseline> span class> $/span> span classfont-bold text-2xl md:text-4xl idproPlusPrice> 59/span> span classml-1 text-neutral-600> /month/span> /span> /p> p classmt-3 text-sm text-neutral-600> span idproPlusMessages>5k/span> messages/month included /p> /div> ul classgrid mt-8 text-left gap-y-4> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>All Pro Features/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Create up to 1000 apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Prioritized Feature Requests/span> /li> li classflex hidden items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>First 100 responses on us/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>White-label your apps/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Advanced Analytics (Last 500)/span> /li> li classflex items-center gap-3 text-neutral-800> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> span classtext-sm>Early Access to new features/span> /li> /ul> div classflex mt-8> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-white border-2 border-black hover:bg-gray-100 text-black href/login> Get Started /a> /div> /div> /div> /div> /div> div classmax-w-screen-xl hidden mx-auto px-5> div classmt-16> h3 classtext-xl lg:text-3xl font-bold lg:tracking-tight> Compare Plans /h3> p classmt-1 text-slate-600> Use the table below to compare full features of this product. /p> /div> div classmt-8 overflow-x-auto lg:overflow-visible w-full border border-slate-200 rounded-md> div classmin-w-max> div classsticky top-0 py-6 bg-white border-b border-slate-200 rounded-t-md> div classgrid grid-cols-4 gap-0 items-center bg-white> div classtext-slate-500 px-5>Compare Plans/div> div classpx-5> h3 classtext-indigo-600>Starter/h3> div classtext-xl mt-1 lg:text-2xl font-bold text-black> $0/mo /div> div classflex mt-3> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-4 py-2 text-sm bg-black border-2 border-indigo-500 hover:bg-gray-800 text-white href#> Get Started /a> /div> /div> div classpx-5> h3 classtext-orange-700>Business/h3> div classtext-xl mt-1 lg:text-2xl font-bold text-black> $149/mo /div> div classflex mt-3> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-4 py-2 text-sm bg-indigo-600 text-white hover:bg-indigo-800 href#> Get Started /a> /div> /div> div classpx-5> h3 classtext-purple-600>Enterprise/h3> div classtext-xl mt-1 lg:text-2xl font-bold text-black> Custom /div> div classflex mt-3> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-4 py-2 text-sm bg-white border-2 border-indigo-500 hover:bg-indigo-50 text-indigo-600 href#> Get Started /a> /div> /div> /div> /div> div classgrid grid-cols-4 gap-0 items-center> div classgrid> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Custom Domains /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Storage /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Users /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Email Support /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> API Access /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> SSO Integration /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Data Export /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> File Uploads /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Analytics /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Custom Branding /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> 24/7 Support /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Priority Access /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Custom Reporting /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Team Collaboration /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Integration with CRM /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> White Label /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Data Security /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Mobile App Access /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> User Permissions /div> div classborder-b border-slate-200 font-medium text-sm py-3 px-5 odd:bg-slate-50> Backup and Restore /div> /div> div classgrid gap-0> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 1 Custom Domain /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 10GB /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 100 /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Email and Chat /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Basic /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Limited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Basic /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Limited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Basic /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Limited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> /div> div classgrid gap-0> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 5 Custom Domains /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 50GB /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 500 /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Email, Chat, and Phone /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Limited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> - /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> /div> div classgrid gap-0> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 100 Custom Domains /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 200GB /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> 24/7 Support /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Advanced /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> Unlimited /div> div classborder-b border-slate-200 odd:bg-slate-50 text-sm py-3 px-5> svg classw-5 h-5 data-iconph:check-circle-fill height1em viewBox0 0 256 256 width1em> use xlink:href#ai:ph:check-circle-fill>/use> /svg> /div> /div> /div> /div> /div> /div> /div> !-- TESTIMONIALS SECTION --> div classmax-w-screen-xl mx-auto px-5> div classmt-24> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight text-center> Creator span classtext-red-400>Testimonials/span> /h2> p classtext-lg mt-4 text-slate-600 text-center> CalStudio is being used by over 5,000 creators 💛 /p> /div> /div> div classmt-10 relative max-w-screen-xl mx-auto px-5> div classsenja-embed data-idf04f1c01-2992-4c50-b6fb-eb81d425a2ef data-lazyloadfalse>/div> script async srchttps://static.senja.io/dist/platform.js typetext/javascript>/script> /div> div classmt-10 hidden relative max-w-screen-xl mx-auto px-5> div classrelative md:flex gap-10 py-5 group> div classgrid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-4 w-full> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has transformed the way we manage our projects. Its well-designed interface and powerful features make it a must-have tool for any startup. Weve seen a great increase in our productivity and collaboration. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altJohn Doe classrounded-full w-12 h-12 object-cover bg-slate-100 decodingasync height48 loadinglazy src./img/user4.png width48 /> /div> div> h2 classfont-medium text-slate-800>John Doe/h2> p classtext-sm text-slate-600>CEO at TechCorp/p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> As a marketing professional, I love using CalStudio to streamline our marketing campaigns. The automation features and data analytics help us make data-driven decisions and optimize our business strategies. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altJane Smith classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user5.png /> /div> div> h2 classfont-medium text-slate-800>Jane Smith/h2> p classtext-sm text-slate-600> Marketing Manager at InnovateTech /p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has revolutionized the way we handle customer support. The ticketing system and knowledge base have significantly reduced response times, leading to happier customers. Thanks to this incredible tool. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altEmily Brown classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user1.png /> /div> div> h2 classfont-medium text-slate-800>Mike Johnson/h2> p classtext-sm text-slate-600>CTO at CloudNine/p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has simplified our employee management processes. From onboarding to performance evaluations, everything is now seamlessly organized in one place. Its made my job much more manageable and enjoyable! /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altEmily Brown classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user1.png /> /div> div> h2 classfont-medium text-slate-800>Emily Brown/h2> p classtext-sm text-slate-600>HR Manager at ConnectCo/p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> Our sales team swears by CalStudios CRM capabilities. The lead tracking and pipeline management tools have resulted in a significant boost in sales. Its a versatile platform that has truly optimized our sales processes. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altSarah Martinez classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user2.png /> /div> div> h2 classfont-medium text-slate-800>David Lee/h2> p classtext-sm text-slate-600>Sales Director at Linkify/p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has been a lifesaver for our finance department. Its robust accounting features and automated invoicing have saved us countless hours of manual work. Its the perfect financial companion for any business! /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user2.png /> /div> div> h2 classfont-medium text-slate-800>Sarah Martinez/h2> p classtext-sm text-slate-600> Finance Controller at MoneyMakers /p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has transformed the way we manage our projects. Its well-designed interface and powerful features make it a must-have tool for any startup. Weve seen a great increase in our productivity and collaboration. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altJohn Doe classrounded-full w-12 h-12 object-cover bg-slate-100 decodingasync height48 loadinglazy src./img/user4.png width48 /> /div> div> h2 classfont-medium text-slate-800>John Doe/h2> p classtext-sm text-slate-600>CEO at TechCorp/p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> As a marketing professional, I love using CalStudio to streamline our marketing campaigns. The automation features and data analytics help us make data-driven decisions and optimize our business strategies. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altJane Smith classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user5.png /> /div> div> h2 classfont-medium text-slate-800>Jane Smith/h2> p classtext-sm text-slate-600> Marketing Manager at InnovateTech /p> /div> /div> /div> div classrounded-2xl relative p-8 bg-gray-50/60 backdrop-blur-md transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg w-full max-w-md flex flex-col justify-between snap-start snap-always shrink-0 first-of-type:scroll-m-10 scroll-m-5> blockquote classtext-lg md:text-xl text-wrap:balance> CalStudio has revolutionized the way we handle customer support. The ticketing system and knowledge base have significantly reduced response times, leading to happier customers. Thanks to this incredible tool. /blockquote> div classflex items-center gap-3 mt-10> div classshrink-0> img altMike Johnson classrounded-full w-12 h-12 object-cover bg-slate-100 src./img/user1.png /> /div> div> h2 classfont-medium text-slate-800>Mike Johnson/h2> p classtext-sm text-slate-600>CTO at CloudNine/p> /div> /div> /div> /div> /div> /div> div classmt-24 hidden max-w-3xl mx-auto flex flex-col items-center justify-center> span classbg-purple-100 hidden border-purple-200 border text-purple-600 rounded-full text-xs font-medium px-3 py-1>MORE FEATURES/span> h2 classtext-4xl lg:text-5xl font-bold lg:tracking-tight mt-4 text-center> Still need help? /h2> p classtext-lg mt-4 text-slate-600 text-center text-wrap:pretty> a classunderline hrefmailto:aditya@calstudio.com>Write/a> to me at aditya@calstudio.com 🍌 /p> /div> div classflex hidden items-center justify-center mt-10 flex-wrap> a classrounded-full text-center transition bg-black focus-visible:ring-2 ring-offset-2 hover:bg-gray-800 ring-gray-200 px-5 py-2.5 text-white border-2 border-transparent href/leaderboard> View More /a> /div> br>br> !-- Office Hours Section --> section classpy-16 hidden bg-slate-50> div classmax-w-screen-xl mx-auto px-5> div classtext-center mb-12> h2 classtext-3xl font-bold text-slate-800 mb-4>Office Hours/h2> p classtext-lg text-slate-600 max-w-2xl mx-auto> Join our live office hours to get help, ask questions, and connect with the CalStudio community /p> /div> div classflex justify-center> div classw-full max-w-4xl> iframe srchttps://lu.ma/embed/calendar/cal-4MLLOVBEVEhPy84/events width100% height450 frameborder0 styleborder: 1px solid #bfcbda88; border-radius: 4px; max-width: 600px; margin: 0 auto; display: block; allowfullscreen aria-hiddenfalse tabindex0 >/iframe> /div> /div> /div> /section> !-- TRIAL SECTION --> div classbg-sky-900 p-8 md:px-20 md:py-20 mt-20 flex flex-col items-center text-center> h2 classtext-white text-4xl md:text-6xl tracking-tight> Build your next AI SaaS /h2> p classtext-white/70 mt-4 text-lg md:text-xl> Use CalStudio as the complete stack for your next AI business /p> div classflex mt-5> a classrounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo px-7 py-2.5 bg-white text-indigo-800 border-2 border-transparent href/signup>Sign up/a> /div> /div> !-- FOOTER START HERE --> footer classpy-14 bg-slate-100 border-t border-slate-100> div classmax-w-screen-xl mx-auto px-5> div classgrid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8> div classsm:col-span-2 md:col-span-3 lg:col-span-2> a classtext-lg flex items-center href#>span classfont-bold text-slate-600>Cal/span>span classfont-bold text-slate-600>Studio/span>/a> p classmt-4 text-sm text-slate-700 max-w-xs> CalStudio is a platform to create and launch custom AI apps without code. /p> div classflex gap-3 mt-4 items-center> a classbg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500 hrefhttps://twitter.com/calstudio_ai target_blank> svg astro-iconbx:bxl-twitter classw-4 h-4 viewBox0 0 24 24> path dM19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z fillcurrentColor> /path> /svg> span classsr-only>Twitter or X/span>/a>a classbg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500 hrefhttps://www.facebook.com/profile.php?id61557464597958 relnoopener noreferrer target_blank> svg astro-iconbx:bxl-facebook-circle classw-4 h-4 viewBox0 0 24 24> path dM12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z fillcurrentColor> /path> /svg> span classsr-only>Facebook/span>/a>a classbg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500 hrefhttps://www.linkedin.com/company/99185864 relnoopener noreferrer target_blank> svg astro-iconbx:bxl-linkedin-square classw-4 h-4 viewBox0 0 24 24> path dM20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM8.339 18.337H5.667v-8.59h2.672v8.59zM7.003 8.574a1.548 1.548 0 1 1 0-3.096 1.548 1.548 0 0 1 0 3.096zm11.335 9.763h-2.669V14.16c0-.996-.018-2.277-1.388-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248h-2.667v-8.59h2.56v1.174h.037c.355-.675 1.227-1.387 2.524-1.387 2.704 0 3.203 1.778 3.203 4.092v4.71z fillcurrentColor> /path> /svg> span classsr-only>Linkedin/span>/a> /div> div classflex mt-5 items-center text-sm> a hrefhttps://status.calstudio.com target_blank classflex items-center hover:opacity-75 transition-opacity> span classtext-slate-700 mr-2>✅/span> span classtext-slate-700>All services are online/span> /a> /div> /div> div> h3 classfont-medium text-sm text-slate-800>Company/h3> div classflex flex-col mt-3> a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://reddit.com/r/calstudio target_blank>Reddit/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://feedback.calstudio.com/roadmap target_blank>Public Roadmap/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://app.getreditus.com/marketplace/calstudio target_blank>Affiliates (35%)/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://lu.ma/calstudio target_blank>Office Hours/a> /div> /div> div> h3 classfont-medium text-sm text-slate-800>Product/h3> div classflex flex-col mt-3> a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/leaderboard>Marketplace/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href#FAQs>FAQs/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href#pricing>Pricing/a> a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://calstudio.mintlify.app/ target_blank>Docs/a> /div> /div> div> h3 classfont-medium text-sm text-slate-800>Resources/h3> div classflex flex-col mt-3> a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://discord.gg/FnktGy3mkV target_blank>Support Discord/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 hrefhttps://www.youtube.com/@calstudio_ai target_blank>YouTube/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/gpt5-chatbot target_blank>GPT-5 Guide/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/claude-sonnet-4 target_blank>Claude Guide/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/openrouter-ai target_blank>OpenRouter Guide/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/monetize-gpt target_blank>Monetize AI Models/a>a classpy-2 text-sm text-slate-600 hover:text-indigo-500 href/custom-gpt-gemini target_blank>Gemini Guide/a> /div> /div> /div> /div> div classmt-14 pt-8 px-5 border-t border-slate-200> div classmax-w-screen-xl mx-auto px-5> p classtext-center text-sm text-slate-600 mb-4> CalStudio is the new identity of Pmfm.ai — same platform, new name. /p> p classtext-center text-sm text-slate-600 text-wrap:balance> Copyright © 2025 RentParcel Technologies Inc. All rights reserved. /p> p classtext-center text-xs text-slate-600 mt-2> a classhover:text-indigo-500 href/terms target_blank> Terms/a> ・ a classhover:text-indigo-500 href/privacy-policy target_blank> Privacy Policy/a> /p> /div> /div> /footer> script srchttps://calstudio.com/js/main.js>/script> script srcnode_modules/@material-tailwind/html/scripts/tabs.js>/script> script srchttps://unpkg.com/@material-tailwind/html@latest/scripts/tabs.js>/script> script> // Watch Demo Button functionality document.addEventListener(DOMContentLoaded, function() { const watchDemoBtn document.getElementById(watchDemoBtn); if (watchDemoBtn) { watchDemoBtn.addEventListener(click, openVideoModal); } }); /script> !-- Rebranding Modal Script --> script> function closeRebrandingModal() { const modal document.getElementById(rebrandingModal); if (modal) { modal.classList.add(hidden); // Set a flag in localStorage to not show the modal again for this session localStorage.setItem(rebrandingModalShown, true); } } // Check if user came from calstudio.com or if they should see the modal function shouldShowRebrandingModal() { // Check server-side flag first (from ?refpmfm parameter) const serverShowModal false; // Server flag overrides localStorage - always show if ?refpmfm if (serverShowModal) { return true; } // Check if modal was already shown this session (only for other conditions) if (localStorage.getItem(rebrandingModalShown) true) { return false; } // Check if user came from calstudio.com domain const referrer document.referrer; const currentDomain window.location.hostname; // Show modal if: // 1. User came from pmfm.ai domain, OR // 2. Current domain is pmfm.ai (accessing via old domain) if (referrer.includes(pmfm.ai) || currentDomain.includes(pmfm.ai)) { return true; } // Also show for first-time visitors (no referrer) occasionally // You can modify this logic as needed return false; } // Show modal on page load if conditions are met document.addEventListener(DOMContentLoaded, function() { if (shouldShowRebrandingModal()) { const modal document.getElementById(rebrandingModal); if (modal) { // Small delay for better UX setTimeout(() > { modal.classList.remove(hidden); }, 1000); } } }); // Optional: Close modal when clicking outside document.addEventListener(click, function(event) { const modal document.getElementById(rebrandingModal); if (modal && event.target modal.querySelector(.fixed.inset-0.bg-gray-500)) { closeRebrandingModal(); } }); // Handle Create App button functionality async function handleCreateApp() { const appIdea document.getElementById(appIdea).value.trim(); // Get the currently selected model const selectedModel window.modelswindow.currentModelIndex; // If no idea provided, just redirect to login or newapp if (!appIdea) { // Check if user is logged in by trying to access /newapp window.location.href /newapp; return; } // Store the app idea and selected model for later use sessionStorage.setItem(pendingAppIdea, appIdea); sessionStorage.setItem(selectedModel, JSON.stringify(selectedModel)); console.log(Stored app idea:, appIdea); console.log(Selected model:, selectedModel); // Check if user is authenticated by making a request to dashboard or any protected route try { const response await fetch(/dashboard, { method: HEAD, credentials: same-origin }); if (response.ok) { // User is authenticated, go to newapp with the idea and model const params new URLSearchParams({ idea: appIdea, model: selectedModel.id }); window.location.href /newapp? + params.toString(); } else { // User not authenticated, store idea and redirect to login sessionStorage.setItem(redirectAfterAuth, /newapp); console.log(Stored redirect after auth:, /newapp); console.log(All sessionStorage items:, sessionStorage); window.location.href /login; } } catch (error) { // If fetch fails, assume not authenticated sessionStorage.setItem(redirectAfterAuth, /newapp); console.log(Stored redirect after auth (catch):, /newapp); console.log(All sessionStorage items (catch):, sessionStorage); window.location.href /login; } } // Rotating word animation function initWordRotation() { const words Monetize, Publish, Brand , Embed , Bundle, Sell , Launch, Deploy; const wordElement document.getElementById(rotatingWord); let currentIndex 0; function changeWord() { // Move to next word currentIndex (currentIndex + 1) % words.length; // Fade out wordElement.style.opacity 0; wordElement.style.transform translateY(-20px); // Change word and fade in setTimeout(() > { wordElement.textContent wordscurrentIndex; wordElement.style.opacity 1; wordElement.style.transform translateY(0); }, 300); } // Set initial transition wordElement.style.transition opacity 0.3s ease, transform 0.3s ease; // Start rotation setInterval(changeWord, 2000); // Change word every 2 seconds } // Initialize word rotation when page loads document.addEventListener(DOMContentLoaded, initWordRotation); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]