1<!DOCTYPE html> 2<html lang="en" style="scroll-behavior: smooth"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6<link rel="preload" href="https://d1pnnwteuly8z3.cloudfront.net/libs/twind/3.0.1/twind.js" as="script" fetchpriority="high"> 7<link rel="preconnect" href="https://d1pnnwteuly8z3.cloudfront.net"> 8<link rel="preconnect" href="https://cdn.jsdelivr.net"> 9<link rel="icon" href="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/a73dc604-63f3-4623-beb0-a10baefbaca8.ico"> 10<link rel="prefetch" href="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/a73dc604-63f3-4623-beb0-a10baefbaca8.ico"> 11<title>Pricing</title> 12<meta name="title" content="Pricing"> 13<meta name="description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce."> 14<link rel="canonical" href="https://www.shapediver.com/pricing"> 15 16<meta name="robots" content="all"> 17<meta property="og:type" content="website"> 18<meta property="og:url" content="https://www.shapediver.com/pricing"> 19<meta property="og:image" content="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/d5fc4b27-cb20-4d60-84ec-79d472ba5da4.jpg"> 20<meta property="og:title" content="Pricing"> 21<meta property="og:description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce."> 22<meta name="twitter:title" content="Pricing"> 23<meta name="twitter:description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce."> 24<meta name="og:image:type" content="image/jpg"> 25<meta name="og:image:width" content="2500"> 26<meta name="og:image:height" content="1313"> 27<meta name="twitter:image" content="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/d5fc4b27-cb20-4d60-84ec-79d472ba5da4.jpg"> 28<meta name="twitter:card" content="summary_large_image"> 29<meta name="twitter:url" content="https://www.shapediver.com/pricing">
30<script src="https://d1pnnwteuly8z3.cloudfront.net/libs/twind/3.0.1/twind.js"></script>
vendor: 1 bytes, line 30
30
31<script data-cfasync="false" data-twind> 32 (function(){ 33 window.innerWidth; 34 let { colors, components, theme, variables, rules, variants, darkMode } = {"name":"Versoly UI Default","fonts":[],"theme":{"extend":{"colors":{"dark":{},"info":{"50":"#f3f4ff","100":"#e7e8fe","200":"#c3c6fd","300":"#9fa3fb","400":"#585ef8","500":"#4047f7","600":"#1019f5","700":"#0c13b8","800":"#0a0f93","900":"#080c78","950":"#060a62","DEFAULT":"#1019f5"},"black":"#000","light":{},"white":"#fff","danger":{},"neutral":{},"primary":{"50":"#f2f3f5","100":"#e6e6ea","200":"#c0c1cb","300":"#9a9bac","400":"#4f506d","500":"#353759","600":"#03052f","700":"#020423","800":"#02031c","900":"#010217","950":"#010213","DEFAULT":"#03052f"},"success":{},"warning":{},"tertiary":{"50":"#fbf6fe","100":"#f7edfe","200":"#ebd3fc","300":"#dfb9fb","400":"#c884f7","500":"#c072f6","600":"#b04ff4","700":"#843bb7","800":"#6a2f92","900":"#562778","950":"#462062","DEFAULT":"#b04ff4"},"secondary":{"50":"#f8ffff","100":"#f1fffe","200":"#ddfefd","300":"#c8fdfb","400":"#9efcf9","500":"#91fcf8","600":"#75fbf6","700":"#58bcb9","800":"#469794","900":"#397b79","950":"#2f6462","DEFAULT":"#75fbf6"}},"screens":{},"spacing":{"112":"28rem","128":"32rem","144":"36rem","160":"40rem","192":"48rem"},"fontFamily":{"sans":"CircularXX,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""},"backgroundImage":{"arrow-down":"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")","caret-down":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentFill' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\");"}}},"author":"Versoly","colors":{"dark":{"link":{"text":"gray-800","hover:text":"gray-900","active:text":"gray-1000"},"ghost":{"DEFAULT":"pink-100","hover:bg":"pink-200","hover:text":"gray-800"},"subtle":{"bg":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"gray-900"},"DEFAULT":{"text":"white","DEFAULT":"indigo-900","hover:bg":"indigo-800","active:bg":"indigo-700","hover:text":"white"}},"info":{"link":{"text":"info-600","hover:text":"info-900","active:text":"info-1000"},"alert":{"bg":"info-50","text":"info-600"},"ghost":{"hover:bg":"info-100","active:bg":"info-200","hover:text":"info-900"},"subtle":{"bg":"info-100","hover:bg":"info-200","active:bg":"info-300","hover:text":"info-900"},"DEFAULT":{"text":"white","DEFAULT":"info-600","hover:bg":"info-900","active:bg":"info-900","hover:text":"white"}},"black":{"DEFAULT":{"text":"white","DEFAULT":"black"}},"light":{"link":{"text":"gray-100","hover:text":"gray-300","active:text":"gray-400"},"alert":{"bg":"gray-50","text":"gray-600"},"ghost":{"hover:bg":"gray-100","active:bg":"gray-200","hover:text":"gray-200"},"subtle":{"bg":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"gray-200"},"DEFAULT":{"text":"black","DEFAULT":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"black"}},"muted":{"DEFAULT":{"DEFAULT":"gray-700"}},"white":{"DEFAULT":{"text":"black","DEFAULT":"white"}},"danger":{"link":{"text":"red-600","hover:text":"red-800","active:text":"red-900"},"alert":{"bg":"red-50","text":"red-600"},"ghost":{"hover:bg":"red-100","active:bg":"red-200","hover:text":"red-700"},"subtle":{"bg":"red-100","hover:bg":"red-200","active:bg":"red-300","hover:text":"red-700"},"DEFAULT":{"text":"white","DEFAULT":"red-600","hover:bg":"red-700","active:bg":"red-800","hover:text":"white"}},"neutral":{"link":{"text":"slate-600","hover:text":"slate-800","active:text":"slate-900"},"alert":{"bg":"slate-50","text":"slate-600"},"ghost":{"hover:bg":"slate-100","active:bg":"slate-200","hover:text":"slate-700"},"subtle":{"bg":"slate-100","hover:bg":"slate-200","active:bg":"slate-300","hover:text":"slate-700"},"DEFAULT":{"text":"white","DEFAULT":"slate-600","hover:bg":"slate-700","active:bg":"slate-800","hover:text":"white"}},"primary":{"link":{"text":"primary-600","hover:text":"primary-900","active:text":"primary-1000"},"alert":{"bg":"primary-50","text":"primary-600"},"ghost":{"hover:bg":"primary-100","active:bg":"primary-200","hover:text":"primary-900"},"subtle":{"bg":"primary-100","hover:bg":"primary-200","active:bg":"primary-300","hover:text":"primary-900"},"DEFAULT":{"text":"white","DEFAULT":"primary-600","hover:bg":"primary-900","active:bg":"primary-900","hover:text":"white"}},"success":{"link":{"text":"emerald-500","hover:text":"emerald-700","active:text":"emerald-800"},"alert":{"bg":"emerald-50","text":"emerald-600"},"ghost":{"hover:bg":"emerald-100","active:bg":"emerald-200","hover:text":"emerald-600"},"subtle":{"bg":"emerald-100","hover:bg":"emerald-200","active:bg":"emerald-300","hover:text":"emerald-600"},"DEFAULT":{"text":"white","DEFAULT":"emerald-500","hover:bg":"emerald-600","active:bg":"emerald-700","hover:text":"white"}},"warning":{"link":{"text":"amber-500","hover:text":"amber-700","active:text":"amber-800"},"alert":{"bg":"amber-50","text":"amber-600"},"ghost":{"hover:bg":"amber-100","active:bg":"amber-200","hover:text":"amber-600"},"subtle":{"bg":"amber-100","hover:bg":"amber-200","active:bg":"amber-300","hover:text":"amber-600"},"DEFAULT":{"text":"white","DEFAULT":"amber-500","hover:bg":"amber-600","active:bg":"amber-700","hover:text":"white"}},"tertiary":{"link":{"text":"tertiary-600","hover:text":"tertiary-900","active:text":"tertiary-1000"},"alert":{"bg":"tertiary-50","text":"tertiary-600"},"ghost":{"hover:bg":"tertiary-100","active:bg":"tertiary-200","hover:text":"tertiary-900"},"subtle":{"bg":"tertiary-100","hover:bg":"tertiary-200","active:bg":"tertiary-300","hover:text":"tertiary-900"},"DEFAULT":{"text":"white","DEFAULT":"tertiary-600","hover:bg":"tertiary-900","active:bg":"tertiary-900","hover:text":"white"}},"secondary":{"link":{"text":"secondary-600","hover:text":"secondary-900","active:text":"secondary-1000"},"alert":{"bg":"secondary-50","text":"secondary-600"},"ghost":{"hover:bg":"secondary-100","active:bg":"secondary-200","hover:text":"secondary-900"},"subtle":{"bg":"secondary-100","hover:bg":"secondary-200","active:bg":"secondary-300","hover:text":"secondary-900"},"DEFAULT":{"text":"primary","DEFAULT":"secondary-600","hover:bg":"secondary-100","active:bg":"secondary-900","hover:text":"primary"}}},"extend":{},"version":"1.0.0","updatedAt":"2026-01-07T11:00:12.045Z","variables":{"--color-primary-50":"#f2f3f5","--color-primary-100":"#e6e6ea","--color-primary-200":"#c0c1cb","--color-primary-300":"#9a9bac","--color-primary-400":"#4f506d","--color-primary-500":"#353759","--color-primary-600":"#03052f","--color-primary-700":"#020423","--color-primary-800":"#02031c","--color-primary-900":"#010217","--color-primary-950":"#010213","--color-primary":"#03052f","--color-secondary-50":"#f8ffff","--color-secondary-100":"#f1fffe","--color-secondary-200":"#ddfefd","--color-secondary-300":"#c8fdfb","--color-secondary-400":"#9efcf9","--color-secondary-500":"#91fcf8","--color-secondary-600":"#75fbf6","--color-secondary-700":"#58bcb9","--color-secondary-800":"#469794","--color-secondary-900":"#397b79","--color-secondary-950":"#2f6462","--color-secondary":"#75fbf6","--color-tertiary-50":"#fbf6fe","--color-tertiary-100":"#f7edfe","--color-tertiary-200":"#ebd3fc","--color-tertiary-300":"#dfb9fb","--color-tertiary-400":"#c884f7","--color-tertiary-500":"#c072f6","--color-tertiary-600":"#b04ff4","--color-tertiary-700":"#843bb7","--color-tertiary-800":"#6a2f92","--color-tertiary-900":"#562778","--color-tertiary-950":"#462062","--color-tertiary":"#b04ff4","--color-neutral-50":"#f8fafc","--color-neutral-100":"#f1f5f9","--color-neutral-200":"#e2e8f0","--color-neutral-300":"#cbd5e1","--color-neutral-400":"#94a3b8","--color-neutral-500":"#64748b","--color-neutral-600":"#475569","--color-neutral-700":"#334155","--color-neutral-800":"#1e293b","--color-neutral-900":"#0f172a","--color-neutral-950":"#020617","--color-neutral":"#475569","--color-success-50":"#ecfdf5","--color-success-100":"#d1fae5","--color-success-200":"#a
347f3d0","--color-success-300":"#6ee7b7","--color-success-400":"#34d399","--color-success-500":"#10b981","--color-success-600":"#059669","--color-success-700":"#047857","--color-success-800":"#065f46","--color-success-900":"#064e3b","--color-success-950":"#022c22","--color-success":"#059669","--color-info-50":"#f3f4ff","--color-info-100":"#e7e8fe","--color-info-200":"#c3c6fd","--color-info-300":"#9fa3fb","--color-info-400":"#585ef8","--color-info-500":"#4047f7","--color-info-600":"#1019f5","--color-info-700":"#0c13b8","--color-info-800":"#0a0f93","--color-info-900":"#080c78","--color-info-950":"#060a62","--color-info":"#1019f5","--color-warning-50":"#fffbeb","--color-warning-100":"#fef3c7","--color-warning-200":"#fde68a","--color-warning-300":"#fcd34d","--color-warning-400":"#fbbf24","--color-warning-500":"#f59e0b","--color-warning-600":"#d97706","--color-warning-700":"#b45309","--color-warning-800":"#92400e","--color-warning-900":"#78350f","--color-warning-950":"#451a03","--color-warning":"#f59e0b","--color-danger-50":"#fef2f2","--color-danger-100":"#fee2e2","--color-danger-200":"#fecaca","--color-danger-300":"#fca5a5","--color-danger-400":"#f87171","--color-danger-500":"#ef4444","--color-danger-600":"#dc2626","--color-danger-700":"#b91c1c","--color-danger-800":"#991b1b","--color-danger-900":"#7f1d1d","--color-danger-950":"#450a0a","--color-danger":"#dc2626","--color-light-50":"#f9fafb","--color-light-100":"#f3f4f6","--color-light-200":"#e5e7eb","--color-light-300":"#d1d5db","--color-light-400":"#9ca3af","--color-light-500":"#6b7280","--color-light-600":"#4b5563","--color-light-700":"#374151","--color-light-800":"#1f2937","--color-light-900":"#111827","--color-light-950":"#030712","--color-light":"#f3f4f6","--color-dark-50":"#f9fafb","--color-dark-100":"#f3f4f6","--color-dark-200":"#e5e7eb","--color-dark-300":"#d1d5db","--color-dark-400":"#9ca3af","--color-dark-500":"#6b7280","--color-dark-600":"#4b5563","--color-dark-700":"#374151","--color-dark-800":"#1f2937","--color-dark-900":"#111827","--color-dark-950":"#030712","--color-dark":"#1f2937","--color-white":"#fff","--color-black":"#000","--spacing":"0.25rem","--color-dark-text-link":"var(--color-gray-800)","--color-dark-hover-text-link":"var(--color-gray-900)","--color-dark-active-text-link":"var(--color-gray-1000)","--color-dark-bg-ghost":"var(--color-pink-100)","--color-dark-hover-bg-ghost":"var(--color-pink-200)","--color-dark-hover-text-ghost":"var(--color-gray-800)","--color-dark-bg-subtle":"var(--color-gray-100)","--color-dark-hover-bg-subtle":"var(--color-gray-200)","--color-dark-active-bg-subtle":"var(--color-gray-300)","--color-dark-hover-text-subtle":"var(--color-gray-900)","--color-dark-text-solid":"var(--color-white)","--color-dark-bg-solid":"var(--color-indigo-900)","--color-dark-hover-bg-solid":"var(--color-indigo-800)","--color-dark-active-bg-solid":"var(--color-indigo-700)","--color-dark-hover-text-solid":"var(--color-white)","--color-info-text-link":"var(--color-info-600)","--color-info-hover-text-link":"var(--color-info-900)","--color-info-active-text-link":"var(--color-info-1000)","--color-info-bg-alert":"var(--color-info-50)","--color-info-text-alert":"var(--color-info-600)","--color-info-hover-bg-ghost":"var(--color-info-100)","--color-info-active-bg-ghost":"var(--color-info-200)","--color-info-hover-text-ghost":"var(--color-info-900)","--color-info-bg-subtle":"var(--color-info-100)","--color-info-hover-bg-subtle":"var(--color-info-200)","--color-info-active-bg-subtle":"var(--color-info-300)","--color-info-hover-text-subtle":"var(--color-info-900)","--color-info-text-solid":"var(--color-white)","--color-info-bg-solid":"var(--color-info-600)","--color-info-hover-bg-solid":"var(--color-info-900)","--color-info-active-bg-solid":"var(--color-info-900)","--color-info-hover-text-solid":"var(--color-white)","--color-black-text-solid":"var(--color-white)","--color-black-bg-solid":"var(--color-black)","--color-light-text-link":"var(--color-gray-100)","--color-light-hover-text-link":"var(--color-gray-300)","--color-light-active-text-link":"var(--color-gray-400)","--color-light-bg-alert":"var(--color-gray-50)","--color-light-text-alert":"var(--color-gray-600)","--color-light-hover-bg-ghost":"var(--color-gray-100)","--color-light-active-bg-ghost":"var(--color-gray-200)","--color-light-hover-text-ghost":"var(--color-gray-200)","--color-light-bg-subtle":"var(--color-gray-100)","--color-light-hover-bg-subtle":"var(--color-gray-200)","--color-light-active-bg-subtle":"var(--color-gray-300)","--color-light-hover-text-subtle":"var(--color-gray-200)","--color-light-text-solid":"var(--color-black)","--color-light-bg-solid":"var(--color-gray-100)","--color-light-hover-bg-solid":"var(--color-gray-200)","--color-light-active-bg-solid":"var(--color-gray-300)","--color-light-hover-text-solid":"var(--color-black)","--color-muted-bg-solid":"var(--color-gray-700)","--color-white-text-solid":"var(--color-black)","--color-white-bg-solid":"var(--color-white)","--color-danger-text-link":"var(--color-red-600)","--color-danger-hover-text-link":"var(--color-red-800)","--color-danger-active-text-link":"var(--color-red-900)","--color-danger-bg-alert":"var(--color-red-50)","--color-danger-text-alert":"var(--color-red-600)","--color-danger-hover-bg-ghost":"var(--color-red-100)","--color-danger-active-bg-ghost":"var(--color-red-200)","--color-danger-hover-text-ghost":"var(--color-red-700)","--color-danger-bg-subtle":"var(--color-red-100)","--color-danger-hover-bg-subtle":"var(--color-red-200)","--color-danger-active-bg-subtle":"var(--color-red-300)","--color-danger-hover-text-subtle":"var(--color-red-700)","--color-danger-text-solid":"var(--color-white)","--color-danger-bg-solid":"var(--color-red-600)","--color-danger-hover-bg-solid":"var(--color-red-700)","--color-danger-active-bg-solid":"var(--color-red-800)","--color-danger-hover-text-solid":"var(--color-white)","--color-neutral-text-link":"var(--color-slate-600)","--color-neutral-hover-text-link":"var(--color-slate-800)","--color-neutral-active-text-link":"var(--color-slate-900)","--color-neutral-bg-alert":"var(--color-slate-50)","--color-neutral-text-alert":"var(--color-slate-600)","--color-neutral-hover-bg-ghost":"var(--color-slate-100)","--color-neutral-active-bg-ghost":"var(--color-slate-200)","--color-neutral-hover-text-ghost":"var(--color-slate-700)","--color-neutral-bg-subtle":"var(--color-slate-100)","--color-neutral-hover-bg-subtle":"var(--color-slate-200)","--color-neutral-active-bg-subtle":"var(--color-slate-300)","--color-neutral-hover-text-subtle":"var(--color-slate-700)","--color-neutral-text-solid":"var(--color-white)","--color-neutral-bg-solid":"var(--color-slate-600)","--color-neutral-hover-bg-solid":"var(--color-slate-700)","--color-neutral-active-bg-solid":"var(--color-slate-800)","--color-neutral-hover-text-solid":"var(--color-white)","--color-primary-text-link":"var(--color-primary-600)","--color-primary-hover-text-link":"var(--color-primary-900)","--color-primary-active-text-link":"var(--color-primary-1000)","--color-primary-bg-alert":"var(--color-primary-50)","--color-primary-text-alert":"var(--color-primary-600)","--color-primary-hover-bg-ghost":"var(--color-primary-100)","--color-primary-active-bg-ghost":"var(--color-primary-200)","--color-primary-hover-text-ghost":"var(--color-primary-900)","--color-primary-bg-subtle":"var(--color-primary-100)","--color-primary-hover-bg-subtle":"var(--color-primary-200)","--color-primary-active-bg-subtle":"var(--color-primary-300)","--color-primary-hover-text-subtle":"var(--color-primary-900)","--color-primary-text-solid":"var(--color-white)","--color-primary-bg-solid":"var(--color-primary-600)","--color-primary-hover-bg-solid":"var(--color-primary-900)","--color-primary-active-bg-solid":"var(--color-primary-900)","--color-primary-hover-text-solid":"var(--color-white)","--color-success-text-link":"var(--color-emerald-500)","--color-success-hover-text-link":"var(--color-emerald-700)","--color-success-active-text-link":"var(--color-emerald-800)","--color-success-bg-alert":"var(--color-emerald-50)","--color-success-text-alert":"var(--color-emerald-600)","--color-success-hover-bg-ghost":"var(--color-emerald-100)","--color-success-active-bg-ghost":"var(--color-emerald-200)","--color-success-hover-text-ghost":"var(--color-emerald-600)","--color-success-bg-subtle":"var(--color-emerald-100)","--color-success-hover-bg-subtle":"var(--color-emerald-200)","--color-success-active-bg-subtle":"var(--color-emerald-300)","--color-success-hover-text-subtle":"var(--color-emerald-600)","--color-success-text-solid":"var(--color-white)","--color-success-bg-solid":"var(--color-emerald-500)","--color-success-hover-bg-solid":"var(--color-emerald-600)","--color-success-active-bg-solid":"var(--color-emerald-700)","--color-success-hover-text-solid":"var(--color-white)","--color-warning-text-link":"var(--color-amber-500)","--color-warning-hover-text-link":"var(--color-amber-700)","--color-warning-active-text-link":"var(--color-amber-800)","--color-warning-bg-alert":"var(--color-amber-50)","--color-warning-text-alert":"var(--color-amber-600)","--color-warning-hover-bg-ghost":"var(--color-amber-100)","--color-warning-active-bg-ghost":"var(--color-amber-200)","--color-warning-hover-text-ghost":"var(--color-amber-600)","--color-warning-bg-subtle":"var(--color-amber-100)","--color-warning-hover-bg-subtle":"var(--color-amber-200)","--color-warning-active-bg-subtle":"var(--color-amber-300)","--color-warning-hover-text-subtle":"var(--color-amber-600)","--color-warning-text-solid":"var(--color-white)","--color-warning-bg-solid":"var(--color-amber-500)","--color-warning-hover-bg-solid":"var(--color-amber-600)","--color-warning-active-bg-solid":"var(--color-amber-700)","--color-warning-hover-text-solid":"var(--color-white)","--color-tertiary-text-link":"var(--color-tertiary-600)","--color-tertiary-hover-text-link":"var(--color-tertiary-900)","--color-tertiary-active-text-link":"var(--color-tertiary-1000)","--color-tertiary-bg-alert":"var(--color-tertiary-50)","--color-tertiary-text-alert":"var(--color-tertiary-600)","--color-tertiary-hover-bg-ghost":"var(--color-tertiary-100)","--color-tertiary-active-bg-ghost":"var(--color-tertiary-200)","--color-tertiary-hover-text-ghost":"var(--color-tertiary-900)","--color-tertiary-bg-subtle":"var(--color-tertiary-100)","--color-tertiary-hover-bg-subtle":"var(--color-tertiary-200)","--color-tertiary-active-bg-subtle":"var(--color-tertiary-300)","--color-tertiary-hover-text-subtle":"var(--color-tertiary-900)","--color-tertiary-text-solid":"var(--color-white)","--color-tertiary-bg-solid":"var(--color-tertiary-600)","--color-tertiary-hover-bg-solid":"var(--color-tertiary-900)","--color-tertiary-active-bg-solid":"var(--color-tertiary-900)","--color-tertiary-hover-text-solid":"var(--color-white)","--color-secondary-text-link":"var(--color-secondary-600)","--color-secondary-hover-text-link":"var(--color-secondary-900)","--color-secondary-active-text-link":"var(--color-secondary-1000)","--color-secondary-bg-alert":"var(--color-secondary-50)","--color-secondary-text-alert":"var(--color-secondary-600)","--color-secondary-hover-bg-ghost":"var(--color-secondary-100)","--color-secondary-active-bg-ghost":"var(--color-secondary-200)","--color-secondary-hover-text-ghost":"var(--color-secondary-900)","--color-secondary-bg-subtle":"var(--color-secondary-100)","--color-secondary-hover-bg-subtle":"var(--color-secondary-200)","--color-secondary-active-bg-subtle":"var(--color-secondary-300)","--color-secondary-hover-text-subtle":"var(--color-secondary-900)","--color-secondary-text-solid":"var(--color-primary)","--color-secondary-bg-solid":"var(--color-secondary-600)","--color-secondary-hover-bg-solid":"var(--color-secondary-100)","--color-secondary-active-bg-solid":"var(--color-secondary-900)","--color-secondary-hover-text-solid":"var(--color-primary)","--font-sans":"CircularXX,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"","--svg-arrow-down":"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")","--svg-caret-down":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentFill' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\")"},"components":{".btn":"inline-flex flex-wrap items-center justify-center text-center cursor-pointer select-none transition duration-200 ease-in-out flex-shrink-0 font-semibold py-4 px-8 rounded-full disabled:opacity-80 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-opacity-50 no-underline border-0",".col":"relative w-full px-5",".row":"flex flex-wrap flex-row -mx-5",".tab":"px-4 py-2 border-b-2 hover:text-primary ring-0 focus:outline-none","body":"font-sans bg-white",".card":"relative flex flex-col overflow-hidden shadow-md rounded-md bg-white",".alert":"flex flex-row rounded-md px-3 py-2 text-gray-700 bg-gray-100 transition-opacity duration-300",".badge":"inline-block px-2 py-0.5 rounded text-xs text-white font-semibold",".fa-ul":"ml-6",".modal":"fixed left-0 top-0 w-screen h-screen overflow-auto z-50 transition-opacity duration-500 opacity-0",".table":"min-w-full","#footer":"text-primary","#navbar":"no-underline",".navbar":"no-underline z-20 py-3 relative","h1, .h1":"text-[calc(1.375rem+1.5vw)] xl:text-5xl","h2, .h2":"text-[calc(1.325rem+0.9vw)] xl:text-4xl","h3, .h3":"text-[calc(1.3rem+0.6vw)] xl:text-3xl","h4, .h4":"text-[calc(1.275rem+0.3vw)] xl:text-2xl","h5, .h5":"text-xl",".btn-ani":"transform-all hover:scale-[1.02] duration-300 ease",".prose a":"text-primary hover:text-primary-700",".tooltip":"hidden absolute invisible top-0 left-0 bg-dark text-white font-normal py-2 px-3 rounded-lg shadow-sm text-sm pointer-events-none opacity-0 transition-opacity duration-300",".badge-lg":"px-3 py-1 rounded text-sm text-white font-semibold",".disabled":"opacity-80 pointer-events-none",".modal-bg":"fixed w-screen h-screen left-0 top-0 z-30 pt-16 bg-gray-900 overflow-auto transition-opacity duration-500 opacity-50",".modal-lg":"max-w-screen-md",".modal-sm":"max-w-sm",".modal-xl":"max-w-screen-xl h-screen",".nav-link":"mx-1",".progress":"flex w-full overflow-hidden bg-gray-200 rounded-full h-2.5",".prose h4":"text-lg",".tab-list":"flex flex-wrap gap-x-2 mb-2 select-none",".tab-pane":"",".btn-group":"inl
34ine-flex",".card-body":"p-5 flex-grow",".container":"override:w-full override:max-w-full override:lg:max-w-[calc(min(100vw-60px,1440px))] mx-auto px-5",".display-1":"text-[calc(1.625rem+4.5vw)] lg:text-[5rem] leading-[1.2] font-light",".display-2":"text-[calc(1.575rem+3.9vw)] lg:text-[4.5rem] leading-[1.2] font-light",".display-3":"text-[calc(1.525rem+3.3vw)] lg:text-[4rem] leading-[1.2] font-light",".display-4":"text-[calc(1.475rem+2.7vw)] lg:text-[3.5rem] leading-[1.2] font-light",".display-5":"text-[calc(1.425rem+2.1vw)] lg:text-[3rem] leading-[1.2] font-light",".display-6":"text-[calc(1.375rem+1.6vw)] lg:text-[2.5rem] leading-[1.2] font-light",".blockquote":"text-xl italic font-semibold text-neutral-900",".form-input":"block mt-0 w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50",".navbar-btn":"w-6 mr-5 cursor-pointer select-none rounded min-[1330px]:hidden",".navbar-col":"flex flex-col items-center mt-3 space-y-4 min-[1330px]:flex-row min-[1330px]:space-x-4 min-[1330px]:space-y-0 min-[1330px]:mt-0",".navbar-row":"hidden w-screen items-center min-[1330px]:flex min-[1330px]:flex-grow min-[1330px]:justify-between min-[1330px]:w-auto min-[1330px]:ml-4 transition-all transform duration-300 opacity-0 h-0 min-[1330px]:h-auto min-[1330px]:opacity-100 !min-[1330px]:h-auto min-[1330px]:overflow-visible",".btn-{color}":"bg-{color}-bg-solid hover:bg-{color}-hover-bg-solid hover:text-{color}-hover-text-solid active:bg-{color}-active-bg-solid text-{color}-text-solid border-{color}-bg-solid hover:border-{color}-hover-bg-solid ring-{color}-bg-solid focus:ring-{color}-active-bg-solid",".card-footer":"px-5 py-3 bg-gray-100",".card-header":"px-5 py-3 bg-gray-100",".form-select":"block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50",".progress-lg":"h-4",".progress-sm":"h-1.5",".progress-xl":"h-6",".prose ul ul":"list-disc",".tab-content":"py-2",".navbar-brand":"flex flex-row items-center space-x-3 ml-5 min-[1330px]:ml-0 text-primary font-bold text-xl",".progress-bar":"h-full","#features .btn":"mt-4 mb-4",".alert-{color}":"text-{color}-text-alert bg-{color}-bg-alert",".dropdown-item":"bg-transparent py-1.5 px-4 hover:text-primary-800 hover:bg-primary-100 focus:text-primary-800 focus:bg-primary-100",".dropdown-menu":"absolute hidden transition duration-200 opacity-0 w-max py-2 bg-white border border-gray-300 rounded mt-2 min-w-[160px] z-[1]",".form-checkbox":"rounded border-primary-300 text-primary-600 shadow-sm focus:border-primary-300 focus:ring focus:ring-offset-0 focus:ring-primary-200 focus:ring-opacity-50",".form-input-lg":"px-4 py-2 text-lg",".form-input-sm":"px-2 py-1 text-sm",".tab-underline":"px-3 py-2 text-muted hover:text-primary focus:outline-none",".tooltip-arrow":"absolute bg-dark w-2 h-2 rotate-45",".accordion-body":"py-3",".accordion-item":"flex flex-col bg-white rounded-lg p-4 mb-3",".btn-group .btn":"rounded-none first:rounded-l-md last:rounded-r-md",".form-select-lg":"pl-4 py-2 text-lg",".form-select-sm":"pl-2 py-1 text-sm",".prose ul ul ul":"list-[square]",".table>tbody>tr":"bg-white border-b",".container-fluid":"override:w-full override:max-w-full mx-auto px-5",".navbar-row.show":"opacity-100",".accordion-header":"flex items-center text-left text-xl w-full cursor-pointer font-semibold text-dark hover:text-primary-700 transition-all duration-300 after:transition after:duration-300 after:flex-shrink-0 after:w-5 after:h-5 after:ml-auto after:content-[''] after:[mask:var(--svg-arrow-down)_no-repeat_50%_50%] after:[mask-size:cover] after:bg-current",".pagination > .btn":"px-3 py-1",".accordion-collapse":"transition-all duration-300",".blockquote-{color}":"p-4 bg-{color}-bg-alert border-l-[4px] border-{color}-bg-solid",".dropdown-menu.show":"opacity-100 block",".prose > blockquote":"border-l-4 border-gray-600 my-3 py-3 pl-4 text-xl -ml-5",".tab-list-underline":"border-b-2 border-gray-300",".table-hover>tbody>tr":"hover:bg-gray-200",".table-sm>tbody>tr>td":"py-1",".table-sm>thead>tr>th":"py-1","h1, h2, h3, h4, h5, p":"mb-3",".table-striped>tbody>tr":"even:bg-gray-100",".table-striped>thead>tr":"bg-gray-50 border-b border-gray-300","html :where(.taos-init)":"duration-[400ms]","html :where(a.nav-link)":"hover:text-tertiary",".navbar-dark .navbar-btn":"focus:ring-white","[data-toggle=\"dropdown\"]":"flex items-center gap-x-1 after:flex-shrink-0 after:w-4 after:h-4 after:[mask:var(--svg-caret-down)_no-repeat_50%_50%] after:[mask-size:cover] after:content-[''] after:bg-current","html :where(a.text-dark)":"hover:text-gray-600",".form-radio[type=\"radio\"]":"text-primary-600 ring-offset-2 focus:ring-2 focus:ring-primary-300","html :where(.table>thead)":"bg-gray-50","html :where(a.text-white)":"hover:text-tertiary",".tab[aria-selected=\"true\"]":"border-primary text-primary",".btn-lg, .btn-group-lg>.btn":"py-3 px-5 text-lg",".btn-sm, .btn-group-sm>.btn":"py-1 px-2 text-sm",".btn-xl, .btn-group-xl>.btn":"py-4 px-6 text-xl",".btn-xs, .btn-group-xs>.btn":"py-1 px-1 text-xs","[data-popper-arrow]::before":"content-[''] rotate-[45deg] absolute h-4 w-4 bg-white border-l border-t border-gray-300 rounded-tl","html :where(.modal-content)":"relative m-auto mt-16 bg-gray-100 shadow-lg z-40 max-w-md","html :where(a.text-{color})":"text-{color}-text-link hover:text-{color}-hover-text-link active:text-{color}-active-text-link",".btn-ghost.btn-light:not(.c)":"text-gray-900",".btn-link:where(.btn-{color})":"bg-transparent hover:bg-transparent active:bg-transparent border-transparent text-{color}-text-link hover:text-{color}-hover-text-link active:text-{color}-active-text-link border-0 hover:underline focus:ring-{color}
34-active-bg-solid","html :where(a:not(.nav-link))":"text-tertiary hover:text-secondary underline",".btn-ghost:where(.btn-{color})":"bg-transparent hover:bg-{color}-hover-bg-ghost hover:text-{color}-hover-text-ghost active:bg-{color}-active-bg-ghost text-{color}-bg-solid border-0 focus:ring-{color}-active-bg-solid",".btn-subtle:where(.btn-{color})":"bg-transparent bg-{color}-bg-subtle hover:bg-{color}-hover-bg-subtle hover:text-{color}-hover-text-subtle active:bg-{color}-active-bg-subtle text-{color}-bg-solid border-0 focus:ring-{color}-active-bg-solid",".form-checkbox[type=\"checkbox\"]":"rounded","html :where(.table>tbody>tr>td)":"py-3 px-4 text-sm text-gray-900","html :where(.table>thead>tr>th)":"py-3 px-4 text-xs font-semibold text-left text-gray-700",".btn-outline:where(.btn-{color})":"bg-transparent hover:bg-transparent text-{color}-bg-solid border-{color}-bg-solid border hover:text-{color}-hover-bg-solid active:text-{color}-active-bg-solid",".tab-underline[aria-selected=\"true\"]":"-mb-1 border-0 border-b-2 border-primary text-primary",".accordion-header[aria-expanded=\"true\"]":"text-primary hover:text-primary-700 after:rotate-180",".hide-cols-not-first td:not(:first-child)":"display: none;",".hide-cols-not-first th:not(:first-child)":"display: none;",".btn-ghost.btn-{color}[aria-current=\"page\"]":"hover:text-{color}-hover-text-ghost bg-{color}-hover-bg-ghost text-{color}-bg-solid",".btn-group > .btn-outline:not(:first-child)":"border-l-0 border-r-[1px]",".btn-outline.btn-{color}[aria-current=\"page\"]":"bg-{color}-bg-solid text-{color}-text-solid",".navbar > .container-fluid, .navbar > .container":"flex flex-wrap justify-between min-[1330px]:flex-nowrap px-3 min-[1330px]:px-5","[data-popper-placement^='top'] > [data-popper-arrow]":"-bottom-2","[data-popper-placement^='left'] > [data-popper-arrow]":"-right-2","[data-popper-placement^='right'] > [data-popper-arrow]":"-left-2","[data-popper-placement^='bottom'] > [data-popper-arrow]":"-top-2"},"dependencies":{"tailwind":"^3.3.2","versoly-ui":"2.6.2"},"rules":[["container","w-full max-w-full lg:max-w-[calc(min(100vw-60px,1440px))] mx-auto px-5"],["container-fluid","w-full max-w-full mx-auto px-5"],["text-(wrap|nowrap|balance|pretty)","textWrap"]],"variants":[["\\*\\*","& *"],["\\*","& > *"],["not-first","&:not(:first-child)"]],"darkMode":"class"}; 35let preflight = {}; 36theme ||= {}; 37theme.extend ||= {}; 38theme.extend.colors = {}; 39theme.extend.fontFamily ||= {}; 40theme.extend.screens ||= {}; 41let themeColorKeys = new Set(); 42Object.entries(variables).forEach(([key, value]) => { 43 if (key.startsWith('--color-')) { 44 themeColorKeys.add(key.replace('--color-', '').split('-')[0]); 45 theme.extend.colors[key.replace('--color-', '')] = value; 46 47 if (value.startsWith('var(--color-')) { 48 const referencedColor = value.slice(4, -1); 49 50 if (variables[referencedColor]) { 51 return; 52 } 53 54 const color = referencedColor.split('-').at(-2); 55 const shade = referencedColor.split('-').at(-1); 56 57 if (color && shade) { 58 theme.extend.colors[key.replace('--color-', '')] = defaultTheme?.colors?.[color]?.[shade] || defaultTheme?.colors?.[color] || value; 59 } 60 } 61 } 62 if (key.startsWith('--font-')) { 63 theme.extend.fontFamily[key.replace('--font-', '')] = value; 64 } 65 if (key.startsWith('--breakpoint-')) { 66 theme.extend.screens[key.replace('--breakpoint-', '')] = value; 67 } 68}); 69themeColorKeys = Array.from(themeColorKeys); 70 71Object.entries(components).forEach(([cKey, cValue]) => { 72 if (!cKey.includes('{color}')) { 73 preflight['' + cKey] = cValue; 74 return; 75 } 76 77 themeColorKeys.forEach((key) => { 78 if (variables['--color-' + key + '-' + 600] === undefined) { 79 return; 80 } 81 preflight[cKey.replaceAll('{color}', key)] = cValue.replaceAll('{color}', key) 82 }) 83}) 84const getOrderValue = (key) => { 85 if (key.startsWith('.') && !key.includes('-')) { 86 return -200; 87 } else if (key.includes(':where(')) { 88 return 100; 89 }
89 else if (key.startsWith('.') && key.includes('-') && themeColorKeys.some(c => key.includes(c))) { 90 return -100; 91 } else if (key.startsWith('.')) { 92 return 200; 93 } 94 return 200; 95} 96 97let preflightList = Object.entries(preflight) 98 .sort((a, b) => { 99 return getOrderValue(a[0]) - getOrderValue(b[0]) || a[0].localeCompare(b[0]); 100 }) 101 .map(([key]) => [key, preflight[key]]); 102preflightList = preflightList.map(([key, value]) => { 103 if (value.includes('override')) { 104 value = '' 105 } 106 107 return [key, value] 108}); 109preflightList = preflightList.map(([key, value]) => { 110 if (!value) { 111 return '' 112 } 113 114 return key + ' {\n @apply ' + value + ';\n }' 115}).filter(Boolean); 116const variablesCSS = Object.entries(variables).map(([key, value]) => key + ':' + value + ';'); 117preflight = ':root, :host {' + variablesCSS.join('\n') + '}'+ '@layer components {' + preflightList.join('') + '}'; 118const {presetTailwind, presetAutoprefix, presetTypography, presetTailwindForms} = this.twind; 119const config = { 120 preflight: twind.css(preflight), 121 presets: [ 122 presetTailwind(), 123 presetAutoprefix(), 124 presetTypography(), 125 presetTailwindForms({strategy: "base"}), 126 ], 127 theme, 128 rules, 129 darkMode, 130 variants: [['has-\\[(.+)\\]', ([_, selector]) => `&:has(${selector})`], ...variants], 131 hash: false 132}; 133twind.install(config); 134 })(); 135 </script>
vendor: 1 bytes, line 135
135
136<script> 137document.documentElement.classList.add('js'); 138</script>
138 139<!-- Privacy-friendly analytics by Plausible -->
140<script async src="/js/pa-8DqyBPEjodlcLgzEv76F0.js"></script>
vendor: 1 bytes, line 140
140
141<script> 142 window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 143 plausible.init({ 144 endpoint: "/api/event" 145 }) 146</script>
146 147<!-- Forward legacy contact form URL -->
148<script> 149 (function () { 150 if ( 151 window.location.pathname === "/" && 152 new URLSearchParams(window.location.search).get("open_contact") === "1" 153 ) { 154 const url = new URL(window.location.href); 155 url.pathname = "/contact"; 156 url.searchParams.delete("open_contact"); 157 158 window.location.replace(url.toString()); 159 } 160 })(); 161</script>
161 162<!-- Style with unknown purpose, document if you come across this and know it! --> 163<style> 164 .modal-content>iframe { 165 aspect-ratio: auto !important; 166 /* unset the 16:9 rule */ 167 height: 100% !important; 168 /* make it fill its parentâs height */ 169 max-height: 100% !important; 170 } 171</style> 172<link 173 rel="preload" 174 href="https://assets.shapediver.com/fonts/CircularXXWeb-Bold.woff2" 175 as="font" 176 type="font/woff2" 177 crossorigin 178> 179<link 180 rel="preload" 181 href="https://assets.shapediver.com/fonts/CircularXXWeb-Light.woff2" 182 as="font" 183 type="font/woff2" 184 crossorigin 185> 186<link 187 rel="preload" 188 href="https://assets.shapediver.com/fonts/CircularXXWeb-Regular.woff2" 189 as="font" 190 type="font/woff2" 191 crossorigin 192> 193<link 194 rel="preload" 195 href="https://assets.shapediver.com/fonts/CircularXXWeb-Italic.woff2" 196 as="font" 197 type="font/woff2" 198 crossorigin 199> 200<link 201 rel="preload" 202 href="https://assets.shapediver.com/fonts/CircularXXWeb-Medium.woff2" 203 as="font" 204 type="font/woff2" 205 crossorigin 206>
207<script type="application/ld+json"> 208{ 209 "@context": "https://schema.org", 210 "@type": "Corporation", 211 "name": "ShapeDiver GmbH", 212 "alternateName": "ShapeDiver", 213 "url": "https://shapediver.com", 214 "email": "[email protected]", 215 "vatID": "ATU75670347", 216 "duns": "30-062-1933", 217 "address": { 218 "@type": "PostalAddress", 219 "streetAddress": "Am Heumarkt 4", 220 "addressLocality": "Vienna", 221 "postalCode": "1030", 222 "addressCountry": "AT" 223 }, 224 "employee": { 225 "@type": "Person", 226 "name": "Dipl.Ing. Mathias Höbinger", 227 "jobTitle": "CEO" 228 }, 229 "identifier": [ 230 { 231 "@type": "PropertyValue", 232 "name": "Commercial Register Wien", 233 "value": "535885t" 234 }, 235 { 236 "@type": "PropertyValue", 237 "name": "GISA", 238 "value": "28235590" 239 } 240 ] 241} 242</script>
242 243<style>@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Thin.woff2) format('woff2');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ThinItalic.woff2) format('woff2');font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-LightItalic.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Book.woff2) format('woff2');font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BookItalic.woff2) format('woff2');font-weight:450;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-MediumItalic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BoldItalic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Black.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BlackItalic.woff2) format('woff2');font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ExtraBlack.woff2) format('woff2');font-weight:950;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ExtraBlackItalic.woff2) format('woff2');font-weight:950;font-style:italic;font-display:swap}:root{--font-sans:'CircularXX',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}input:disabled,select:disabled,textarea:disabled{opacity:.5}.tooltip-icon{cursor:help;transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.tooltip-icon:focus,.tooltip-icon:hover{transform:scale(1.18);box-shadow:0 0 0 3px rgba(255,255,255,.18)}.tooltip-wrap{position:relative;display:inline-block;vertical-align:top}.tooltip-wrap::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:max-content;max-width:260px;padding:.55rem .75rem;border-radius:.375rem;background:#0b1b2b;color:#fff;font-family:var(--font-sans);font-size:.8rem;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity 160ms ease;z-index:60}.tooltip-wrap:focus-within::after,.tooltip-wrap:hover::after{opacity:1}.sd-check{position:relative;display:inline-flex;flex:0 0 auto;width:20px;height:20px;margin-top:4px}.sd-check::after{content:"";position:absolute;left:6px;top:1px;width:7px;height:13px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg)}.sd-check-secondary{color:#8cf7f4}.sd-check-tertiary{color:#ff7bbd}.sd-check-info{color:#54b7ff}</style> 244<style>.d-js {display: none !important;}[data-toggle="modal"] {cursor: pointer;}</style> 245</head> 246<body>
247<script> 248window.vDelayedScripts = window.vDelayedScripts || []; 249window.vCreateScript = (src) => { 250 const s = document.createElement('script'); 251 s.src = src; 252 s.async = false; 253 document.head.appendChild(s); 254}; 255 256window.vCreateStylesheet = (href) => { 257 const s = document.createElement('link'); 258 s.rel = 'stylesheet'; 259 s.href = href; 260 document.head.insertBefore(s, document.head.firstChild); 261}; 262</script>
262 263<nav class="navbar navbar-dark sticky top-0 font-light bg-primary" id="navbar"> 264 <div class="container"> 265 <a class="navbar-brand text-white" href="/"> 266 <img id="shapediver-logo" class="w-[200px] h-[28px] max-w-none shrink-0" alt="company logo" src="https://assets.shapediver.com/images/navbar/shapediver_logo_white_200.avif" /> 267 </a> 268 <button class="navbar-btn" data-toggle="collapse" data-target="#navbar-row" aria-expanded="false" aria-label="Toggle navigation"> 269 <span class="sr-only">Open navbar menu</span> 270 <span class="block h-1 rounded-full bg-white"></span> 271 <span class="block h-1 mt-1 rounded-full bg-white"></span> 272 <span class="block h-1 mt-1 rounded-full bg-white"></span> 273 </button> 274 <div class="navbar-row" id="navbar-row"> 275 <ul class="navbar-col"></ul> 276 <ul class="navbar-col"></ul> 277 <ul class="navbar-col"> 278 <li> 279 <a class="nav-link text-white whitespace-nowrap" href="/why-shapediver">Why ShapeDiver?</a> 280 </li> 281 <li> 282 <a class="nav-link text-white whitespace-nowrap" href="/how-it-works">How it works</a> 283 </li> 284 <li> 285 <a class="nav-link text-white whitespace-nowrap" href="/aec">AEC</a> 286 </li> 287 <li> 288 <a class="nav-link text-white whitespace-nowrap" href="/3d-configurators">3D Configurators</a> 289 </li> 290 <li> 291 <a class="nav-link text-white whitespace-nowrap" href="/pricing">Pricing</a> 292 </li> 293 <li class="undefined"> 294 <button id="support" class="nav-link whitespace-nowrap font-light text-white" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Support</button> 295 <div id="support-menu" class="dropdown-menu" aria-labelledby="dropdown-717."> 296 <div class="row mx-0 max-w-[calc(100vw-2px)] md:w-[450px] text-sm"> 297 <div class="group col hover:bg-primary-100 py-3"> 298 <a href="https://faq.shapediver.com/faq/general-information" class="flex flex-row gap-x-3 no-underline"> 299 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-question"></i> 300 <div> 301 <p class="font-semibold text-dark mb-1">FAQ</p> 302 <p class="text-muted font-normal group-hover:text-dark mb-0">Frequently Asked Questions</p> 303 </div> 304 </a> 305 </div> 306 <div class="group col hover:bg-primary-100 py-3"> 307 <a href="https://help.shapediver.com/doc/" class="flex flex-row gap-x-3 no-underline"> 308 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-book"></i> 309 <div> 310 <p class="font-semibold text-dark mb-1">Documentation & APIs</p> 311 <p class="text-muted font-normal group-hover:text-dark mb-0">Check out ShapeDiver's extensive help center</p> 312 </div> 313 </a> 314 </div> 315 <div class="group col hover:bg-primary-100 py-3"> 316 <a href="https://www.youtube.com/shapediver" class="flex flex-row gap-x-3 no-underline"> 317 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-video"></i> 318 <div> 319 <p class="font-semibold text-dark mb-1">Video Tutorials</p> 320 <p class="text-muted font-normal group-hover:text-dark mb-0">Browse through our library of tutorials and how-to videos</p> 321 </div> 322 </a> 323 </div> 324 <div class="group col hover:bg-primary-100 py-3"> 325 <a href="https://forum.shapediver.com" class="flex flex-row gap-x-3 no-underline"> 326 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-comments"></i> 327 <div> 328 <p class="font-semibold text-dark mb-1">Support Forum</p> 329 <p class="text-muted font-normal group-hover:text-dark mb-0">Get help from our developers and active community of users</p> 330 </div> 331 </a> 332 </div> 333 <div class="group col hover:bg-primary-100 py-3"> 334 <a href="/professional-services" class="flex flex-row gap-x-3 no-underline"> 335 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-handshake"></i> 336 <div> 337 <p class="font-semibold text-dark mb-1">Professional Services</p> 338 <p class="text-muted font-normal group-hover:text-dark mb-0">Find out how our team can help you realize your computational design vision</p> 339 </div> 340 </a> 341 </div> 342 </div> 343 </div> 344 </li> 345 <li class="undefined"> 346 <button id="explore" class="nav-link whitespace-nowrap font-light text-white" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Explore</button> 347 <div id="explore-menu" class="dropdown-menu" aria-labelledby="dropdown-717."> 348 <div class="row mx-0 max-w-[calc(100vw-2px)] md:w-[450px] text-sm"> 349 <div class="group col hover:bg-primary-100 py-3"> 350 <a href="/blog" class="flex flex-row gap-x-3 no-underline"> 351 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-blog"></i> 352 <div> 353 <p class="font-semibold text-dark mb-1">Blog</p> 354 <p class="text-muted font-normal group-hover:text-dark mb-0">Check out news, case studies and how-to's</p> 355 </div> 356 </a> 357 </div> 358 <div class="group col hover:bg-primary-100 py-3"> 359 <a href="/resources/our-clients" class="flex flex-row gap-x-3 no-underline"> 360 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-crown"></i> 361 <div> 362 <p class="font-semibold text-dark mb-1">Our Clients</p> 363 <p class="text-muted font-normal group-hover:text-dark mb-0">A selection of companies using ShapeDiver</p> 364 </div> 365 </a> 366 </div> 367 <div class="group col hover:bg-primary-100 py-3"> 368 <a href="/resources/our-partners/partners" class="flex flex-row gap-x-3 no-underline"> 369 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-award"></i> 370 <div> 371 <p class="font-semibold text-dark mb-1">Our Partners</p> 372 <p class="text-muted font-normal group-hover:text-dark mb-0">Partners that can help you be successful with ShapeDiver</p> 373 </div> 374 </a> 375 </div> 376 <div class="group col hover:bg-primary-100 py-3"> 377 <a href="/app" class="flex flex-row gap-x-3 no-underline"> 378 <i class="text-muted text-xl group-hover:text-primary-800 fas fa-dice-d20"></i> 379 <div> 380 <p class="font-semibold text-dark mb-1">Model Sandbox</p> 381 <p class="text-muted font-normal group-hover:text-dark mb-0">Browse public models created by our users</p> 382 </div> 383 </a> 384 </div> 385 </div> 386 </div> 387 </li> 388 <li> 389 <a class="btn btn-secondary btn-outline btn-sm nav-link inline mt-3 whitespace-nowrap font-light tracking-widest" href="/contact">TALK TO SALES</a> 390 </li> 391 <li> 392 <a class="btn btn-secondary btn-sm nav-link inline mt-3 whitespace-nowrap font-medium tracking-widest" href="https://www.shapediver.com/app/register">SIGN UP</a> 393 </li> 394 <li> 395 <a class="nav-link text-white" href="https://www.shapediver.com/app/login">Login</a> 396 </li> 397 </ul> 398 </div> 399 </div> 400</nav> 401<meta charset="utf-8" /> 402<meta charset="utf-8" /> 403<meta charset="utf-8" /> 404<meta charset="utf-8" /> 405<meta charset="utf-8" /> 406<meta charset="utf-8" /> 407<meta charset="utf-8" /> 408<meta charset="utf-8" /> 409<meta charset="utf-8" /> 410<meta charset="utf-8" /> 411<meta charset="utf-8" /> 412<meta charset="utf-8" /> 413<meta charset="utf-8" /> 414<meta charset="utf-8" /> 415<meta charset="utf-8" /> 416<meta charset="utf-8" /> 417<meta charset="utf-8" /> 418<meta charset="utf-8" /> 419<meta charset="utf-8" /> 420<meta charset="utf-8" /> 421<meta charset="utf-8" /> 422<meta charset="utf-8" /> 423<section class="block py-20 bg-primary" id="header"> 424 <div class="container"> 425 <div class="row items-center m-0 gap-y-12"> 426 <div class="col lg:w-8/12 lg:pr-16"> 427 <div class="inline-flex items-center rounded-full border border-secondary px-5 py-2 mb-8 text-secondary font-semibold" style="background:rgba(139, 249, 245, 0.08)">14-day trial · Full platform access · No credit card required</div> 428 <h1 class="display-4 letter-spacing-xs mb-6 font-semibold text-secondary lg:text-7xl lg:text-left">Start building with ShapeDiver before you choose a plan.</h1> 429 <p class="text-lg lg:text-2xl text-white mb-10 lg:max-w-5xl">Create a ShapeDiver account and get 14 days to test your Grasshopper models. Build applications, use App Builder, try embedding, and evaluate the APIs with all platform features enabled.</p> 430 <div class="flex flex-col md:flex-row justify-center lg:justify-start gap-x-3 gap-y-3"> 431 <a class="btn btn-primary btn-ghost btn-lg lg:bg-secondary" href="https://shapediver.com/app/sett
431ings/billing" target="_blank">Start your 14-day trial</a> 432 </div> 433 </div> 434 <div class="col lg:w-4/12 lg:pl-0"> 435 <div class="card shadow-lg" style="border-radius:12px"> 436 <div class="card-body flex flex-col items-start p-8 lg:p-10"> 437 <h5 class="font-semibold mb-4 text-2xl">What is included in the trial?</h5> 438 <p class="text-lg text-muted mb-8">A practical evaluation workspace for teams who want to test real ShapeDiver workflows before subscribing.</p> 439 <ul class="list-none p-0 m-0 flex flex-col gap-y-5 text-lg text-muted"> 440 <li class="flex items-start gap-x-4"> 441 <span class="text-secondary font-bold" style="line-height:1.4">â</span> 442 <span>No credit card required to create your account</span> 443 </li> 444 <li class="flex items-start gap-x-4"> 445 <span class="text-secondary font-bold" style="line-height:1.4">â</span> 446 <span>All platform features enabled for 14 days, including up to 60 seconds of computation time</span> 447 </li> 448 <li class="flex items-start gap-x-4"> 449 <span class="text-secondary font-bold" style="line-height:1.4">â</span> 450 <span>Access to App Builder, scripted components, embedding, imports, exports, APIs, and SDKs</span> 451 </li> 452 <li class="flex items-start gap-x-4"> 453 <span class="text-secondary font-bold" style="line-height:1.4">â</span> 454 <span>Pick Startup or Business when you are ready to continue</span> 455 </li> 456 </ul> 457 </div> 458 </div> 459 </div> 460 </div> 461 </div> 462</section> 463<section class="py-28 -mt-16 text-light bg-primary lg:py-0 lg:pt-28" id="pricing"> 464 <div class="container"> 465 <div class="row"> 466 <div class="col md:w-10/12 lg:w-8/12 mx-auto text-center mb-6"> 467 <h2 class="display-4 mb-3 font-semibold">Choose <span class="d-inline-block inline-block text-tertiary">the plan</span> that <span class="d-inline-block inline-block text-tertiary">fits</span> your rollout.</h2> 468 </div> 469 <div class="col mx-auto mb-0 text-center md:w-10/12 lg:w-8/12"> 470 <h2 class="mb-3 text-xl font-semibold">Start with a full-platform, 14-day trial, then continue with the subscription that matches your company size, support needs, and production risk.</h2> 471 </div> 472 <div class="col flex justify-center text-center w-full"> 473 <div class="btn-group w-full max-w-md"> 474 <button class="btn btn-tertiary block w-1/2 text-lg md:text-2xl rounded-none" id="annual-pricing-button"> 475 <span class="d-inline-block inline-block">Annual</span> 476 </button> 477 <button class="btn btn-tertiary btn-outline block w-1/2 justify-start text-lg md:text-2xl rounded-none" id="monthly-pricing-button"> 478 <span class="d-inline-block inline-block">Monthly</span> 479 </button> 480 </div> 481 </div> 482 </div> 483 <div class="row lg:justify-center"> 484 <div class="col lg:w-4/12 my-12"> 485 <div class="card h-full border-[5px] rounded border-secondary"> 486 <div class="card-header p-6 text-center text-secondary bg-primary"> 487 <h3 class="m-0"> 488 <b>STARTUP</b> 489 </h3> 490 </div> 491 <div class="card-header p-6 text-center text-primary bg-secondary"> 492 <p class="m-0 font-extrabold">For small companies under â¬1M annual revenue, launching their first non-critical applications.</p> 493 <p class="m-0 mt-5 font-light">Low-cost option for launching projects with forum-based support and limited onboarding.</p> 494 </div> 495 <div class="card-body flex-grow-0 text-center text-secondary bg-primary"> 496 <span class="text-2xl">from</span> 497 <h2 class="h1 my-0 font-semibold"> 498 <span data-annual="â¬199" data-monthly="â¬299" class="text-7xl font-normal">â¬199</span> 499 </h2> 500 <span class="text-2xl">/month</span> 501 </div> 502 <div class="card-body text-lg text-light bg-primary"> 503 <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0"> 504 <li class="flex items-start gap-x-3">
505 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 506 <span>EU-based Shared System <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Server system based in Frankfurt, Germany.">i</span> 507 </span> 508 </li> 509 <li class="flex items-start gap-x-3"> 510 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 511 <span>2,000 Monthly Credits <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Credits help track your account's usage of ShapeDiver servers.">i</span> 512 </span> 513 </li> 514 <li class="flex items-start gap-x-3"> 515 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 516 <span>Viewer API <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Control your Grasshopper model through the ShapeDiver viewer and a custom UI.">i</span> 517 </span> 518 </li> 519 <li class="flex items-start gap-x-3"> 520 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 521 <span>Standard Organization Features <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Includes team management, model organization, and collaboration tools.">i</span> 522 </span> 523 </li> 524 <li class="flex items-start gap-x-3"> 525 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 526 <span>Medium Computation Priority <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Models are processed with medium priority to help reduce wait times during peak usage.">i</span> 527 </span> 528 </li> 529 <li class="flex items-start gap-x-3"> 530 <span class="sd-check sd-check-secondary" aria-hidden="true"></span> 531 <span>Onboarding Sessions, max. 1 per month <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Schedule a guided onboarding call with our team to help you get started with ShapeDiver.">i</span> 532 </span> 533 </li> 534 </ul> 535 </div> 536 <div class="card-footer py-5 bg-primary"> 537 <a class="btn btn-secondary btn-lg w-full block" href="https://shapediver.com/app/account" target="_blank">Start 14-day trial</a> 538 </div> 539 </div> 540 </div> 541 <div class="col lg:w-4/12 my-12"> 542 <div class="card h-full text-tertiary bg-primary border-[5px] rounded border-tertiary"> 543 <div class="card-header p-6 text-center bg-primary"> 544 <h3 class="m-0"> 545 <b>BUSINESS</b> 546 </h3> 547 </div> 548 <div class="card-header p-6 -mb-3 text-center text-light bg-tertiary"> 549 <p class="m-0 font-extrabold">For companies evaluating or operating ShapeDiver as a core part of their product.</p> 550 <p class="mt-5 font-light">The all-rounder plan including white-glove onboarding and private support to reduce risk from day one.</p> 551 </div> 552 <div class="card-body flex-grow-0 text-center bg-primary"> 553 <span class="text-2xl">from</span> 554 <h2 class="h1 my-0 font-semibold"> 555 <span data-annual="â¬499" data-monthly="â¬799" class="text-7xl font-normal">â¬499</span> 556 </h2> 557 <span class="text-2xl">/month</span> 558 </div> 559 <div class="card-body text-lg text-light ring-tertiary"> 560 <p> 561 <b>Everything in STARTUP, plus...</b> 562 </p> 563 <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0"> 564 <li class="flex items-start gap-x-3">
565 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 566 <span>EU, North American, & Asian Shared Systems <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Access shared cloud servers in Europe, North America, and Asia for better performance based on your users' locations.">i</span> 567 </span> 568 </li> 569 <li class="flex items-start gap-x-3"> 570 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 571 <span>Five Seats Included <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Five user accounts with individual login credentials are included in this plan.">i</span> 572 </span> 573 </li> 574 <li class="flex items-start gap-x-3"> 575 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 576 <span>10,000 Monthly Credits <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Credits are consumed for computations, sessions, and file exports. Unused credits do not carry over to the next month.">i</span> 577 </span> 578 </li> 579 <li class="flex items-start gap-x-3"> 580 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 581 <span>60-sec Computation Time <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Allows longer-running computations for more complex models and workflows.">i</span> 582 </span> 583 </li> 584 <li class="flex items-start gap-x-3"> 585 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 586 <span>Backend & Platform APIs <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Programmatic access to ShapeDiver APIs for running computations, managing models, and integrating ShapeDiver into your own systems.">i</span> 587 </span> 588 </li> 589 <li class="flex items-start gap-x-3"> 590 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 591 <span>TypeScript, Python, & .NET SDKs <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Use official SDKs to integrate ShapeDiver into applications and backend workflows.">i</span> 592 </span> 593 </li> 594 <li class="flex items-start gap-x-3"> 595 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 596 <span>High Computation Priority <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Models are processed with high priority to reduce wait times for production and team workflows.">i</span> 597 </span> 598 </li> 599 <li class="flex items-start gap-x-3"> 600 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span> 601 <span>Unlimited Onboarding Sessions <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Book onboarding sessions with our team as needed, subject to fair use.">i</span> 602 </span> 603 </li> 604 <li class="flex items-start gap-x-3"> 605 <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
606 <span>Email Support <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Get private support from the ShapeDiver team by email.">i</span> 607 </span> 608 </li> 609 </ul> 610 </div> 611 <div class="card-footer py-5 bg-primary"> 612 <a class="btn btn-tertiary btn-lg w-full block" href="https://shapediver.com/app/account" target="_blank">Start 14-day trial</a> 613 </div> 614 </div> 615 </div> 616 <div class="col lg:w-4/12 my-12"> 617 <div class="card h-full text-info bg-primary border-[5px] rounded border-info"> 618 <div class="card-header p-6 text-center bg-primary"> 619 <h3 class="m-0"> 620 <b>ENTERPRISE</b> 621 </h3> 622 </div> 623 <div class="card-header p-6 text-center bg-info"> 624 <p class="m-0 font-extrabold text-light">For companies requiring dedicated infrastructure, security, and compliance.</p> 625 <p class="m-0 mt-5 font-light text-light">Custom deployments, advanced organization features, and enterprise-grade guarantees.</p> 626 </div> 627 <div class="card-body flex-grow-0 mt-14 mb-9 text-center bg-primary"> 628 <span class="mb-0 text-4xl font-normal"> 629 <b class="text-5xl font-medium">Contact Us</b> 630 </span> 631 </div> 632 <div class="card-body text-lg text-light"> 633 <p> 634 <b>Available premium features:</b> 635 </p> 636 <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0 text-light"> 637 <li class="flex items-start gap-x-3"> 638 <span class="sd-check sd-check-info" aria-hidden="true"></span> 639 <span>Private Server System<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Get your own private ShapeDiver instance with your selection of plugins, settings and security measures.">i</span> 640 </span> 641 </li> 642 <li class="flex items-start gap-x-3"> 643 <span class="sd-check sd-check-info" aria-hidden="true"></span> 644 <span>Custom Server Location<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Choose from all applicable AWS server locations.">i</span> 645 </span> 646 </li> 647 <li class="flex items-start gap-x-3"> 648 <span class="sd-check sd-check-info" aria-hidden="true"></span> 649 <span>Unlimited Seats<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Collaborate with as many team members as you need, without extra charges.">i</span> 650 </span> 651 </li> 652 <li class="flex items-start gap-x-3"> 653 <span class="sd-check sd-check-info" aria-hidden="true"></span> 654 <span>Single Sign-On<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Integrate ShapeDiver with your corporate SSO provider to allow for fine-grained access control.">i</span> 655 </span> 656 </li> 657 <li class="flex items-start gap-x-3"> 658 <span class="sd-check sd-check-info" aria-hidden="true"></span> 659 <span>Install Custom Plugins<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Install your own self-developed plugins, paid commercial plugins or external libraries.">i</span> 660 </span> 661 </li> 662 <li class="flex items-start gap-x-3">
663 <span class="sd-check sd-check-info" aria-hidden="true"></span> 664 <span>Unlimited Computation Time<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Execute long-running computations or batch computations which we could not allow on our shared systems.">i</span> 665 </span> 666 </li> 667 <li class="flex items-start gap-x-3"> 668 <span class="sd-check sd-check-info" aria-hidden="true"></span> 669 <span>Advanced Organization Features<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Work with several levels of access and permission controls.">i</span> 670 </span> 671 </li> 672 <li class="flex items-start gap-x-3"> 673 <span class="sd-check sd-check-info" aria-hidden="true"></span> 674 <span>Service-Level Agreement<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="You have special requirements for uptime or support times? We can facilitate these for our Enterprise accounts.">i</span> 675 </span> 676 </li> 677 </ul> 678 </div> 679 <div class="card-footer py-5 bg-primary"> 680 <a class="btn btn-info btn-lg w-full block" href="/contact">Talk to sales</a> 681 </div> 682 </div> 683 </div> 684 </div> 685 </div> 686</section> 687<section class="pt-9 -my-28 -mt-1 text-light bg-primary" id="faq"> 688 <div class="container grid items-center"> 689 <div class="row mb-12"> 690 <div class="col text-center w-full"> 691 <h2 class="display-5 font-semibold mb-3">Frequently Asked Questions</h2> 692 <p class="text-lg font-light font-semibold">Looking for more info? Here are some things we're commonly asked:</p> 693 </div> 694 </div> 695 <div class="row mb-12"> 696 <div class="col md:w-8/12 mx-auto"> 697 <div class="accordion"> 698 <div class="accordion-item"> 699 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">How does ShapeDiver work?</button> 700 <div class="accordion-collapse hidden"> 701 <div class="accordion-body"> 702 <p class="text-lg text-primary">ShapeDiver is an online platform for hosting Grasshopper files, allowing others to access your design tools through a web browser. You'll need a Rhinoceros license to create your Grasshopper files on a desktop or laptop, then you can upload your file to our platform to securely share it with others.</p> 703 </div> 704 </div> 705 </div> 706 <div class="accordion-item"> 707 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">What are credits?</button> 708 <div class="accordion-collapse hidden"> 709 <div class="accordion-body"> 710 <p class="text-lg text-primary">Credits function like tokens or coins, helping us track your account's usage of our servers. Depending on your plan, each ShapeDiver account is granted a specific number of credits that automatically renew every month. Credits are used whenever you perform certain tasks, such as (but not limited to) starting sessions and initiating exports. <a href="https://help.shapediver.com/doc/credits">Learn more here.</a> 711 </p> 712 </div> 713 </div> 714 </div> 715 <div class="accordion-item"> 716 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">How do I choose between Startup and Business?</button> 717 <div class="accordion-collapse hidden"> 718 <div class="accordion-body"> 719 <p class="text-lg text-primary">Startup and Business are designed for different stages of risk and responsibility. 720 <br /> 721 <br />- <b>Startup</b> is for companies under â¬1M annual revenue launching non-critical applications and validating use cases. Our team is involved exclusively through our Support Forum and one-per-month Onboarding Sessions. 722 <br />- <b>Business</b> is for companies that are seriously evaluating, preparing, or running applications where ShapeDiver is expected to become a core part of the product. Our team is involved through private email support and unlimited Onboarding Sessions. 723 </p> 724 </div> 725 </div> 726 </div> 727 <div class="accordion-item"> 728 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">Why is the Startup plan limited to companies under â¬1M annual revenue?</button> 729 <div class="accordion-collapse hidden"> 730 <div class="accordion-body"> 731 <p class="text-lg text-primary">Startup is designed for early-stage teams validating ideas with public, forum-based support and limited onboarding. 732 <br /> 733 <br />Larger companies typically have higher expectations around privacy, response times, and escalation, even during early exploration. To ensure a consistent and reliable experience for everyone, companies above this threshold are guided toward <b>Business</b>, which is designed to meet those expectations. 734 <br /> 735 <br />This keeps support predictable and aligned with how different organizations operate. 736 </p> 737 </div> 738 </div> 739 </div> 740 <div class="accordion-item"> 741 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">Weâre a large company, but we donât need white-glove onboarding or private support. Why canât we choose Startup?</button> 742 <div class="accordion-collapse hidden"> 743 <div class="accordion-body"> 744 <p class="text-lg text-primary">Business is not only about white-glove support. Itâs about readiness and accountability. 745 <br /> 746 <br />Even when an application starts as non-critical, larger organizations usually require private communication channels, faster response times, and clear ownership when issues arise. 747 <br /> 748 <br />Business ensures that ShapeDiver can support those expectations properly from the start. If ShapeDiver is being evaluated seriously and may become part of a production workflow, Business is the right fit. 749 </p> 750 </div> 751 </div> 752 </div> 753 <div class="accordion-item"> 754 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">Weâre a small company, but we need private support. Why do we need to upgrade to Business?</button> 755 <div class="accordion-collapse hidden"> 756 <div class="accordion-body"> 757 <p class="text-lg text-primary">Private support, onboarding, and escalation significantly increase the operational responsibility we take on. 758 <br /> 759 <br />When a small company runs a critical or high-risk application, their support needs are the same as those of a larger organization. Business exists precisely for these cases, regardless of company size, to provide privacy, responsiveness, and peace of mind when ShapeDiver becomes important to the business. 760 </p> 761 </div> 762 </div> 763 </div> 764 <div class="accordion-item"> 765 <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">What type of technical support do you offer?</button> 766 <div class="accordion-collapse hidden"> 767 <div class="accordion-body"> 768 <p class="text-lg text-primary">ShapeDiver offers different support levels depending on your plan, aligned with how critical the platform is to your business. 769 <br /> 770 <br />All users (including free users) have access to our documentation, video tutorials, FAQ, support forum, and community catch-ups. These are designed to help you understand the platform, explore whatâs possible, and ask general questions. 771 <br /> 772 <br />Paid plans unlock structured, private support: 773 <br /> 774 <br />- <b>Startup</b> includes forum-based support and time-limited onboarding sessions (private video calls with our development team) focused on understanding the ShapeDiver platform, plugins, and APIs. These sessions are designed to help you launch successfully, not to troubleshoot Grasshopper definitions or review custom code. 775 <br /> 776 <br />- <b>Business</b> 777 <b>and Enterprise</b> include private email support, priority response times, and unlimited onboarding sessions (fair use). These plans are designed for c
777ompanies running ShapeDiver in production who require privacy, predictability, and closer collaboration with our team. 778 <br /> 779 <br />Support channels are part of each subscription. Requests submitted outside the channels included in your plan may be redirected to the appropriate support channel. 780 <br /> 781 <br />This structure allows us to provide high-quality support while scaling sustainably and keeping our pricing fair. 782 </p> 783 </div> 784 </div> 785 </div> 786 </div> 787 </div> 788 </div> 789 </div> 790</section> 791<section class="py-16 pb-20 mt-3 mb-40 text-white bg-gradient-to-b from-primary via-neutral to-primary lg:bg-tertiary" id="plug"> 792 <div class="container"> 793 <div class="row"> 794 <div class="col lg:w-10/12 mx-auto"> 795 <div class="flex flex-col items-center p-5 text-center md:flex-row md:p-12 md:text-left"> 796 <div> 797 <p class="mb-3 h5">Check out our complete FAQ section where we thoroughly cover every topic surrounding our platform and services.</p> 798 </div> 799 <a class="btn btn-primary btn-lg static mx-auto font-semibold text-primary bg-secondary md:ml-auto" href="https://faq.shapediver.com" target="_blank">Frequently Asked Questions â</a> 800 </div> 801 </div> 802 </div> 803 </div> 804</section> 805<section class="py-28 pt-11 pb-7 -mt-40 lg:bg-primary" id="cta"> 806 <div class="container"> 807 <div class="row"> 808 <div class="col px-0"> 809 <div class="p-8 -mt-12 bg-primary rounded-xl md:p-12"> 810 <div class="row items-center text-white"> 811 <div class="col md:w-6/12 text-center md:text-left"> 812 <h1 class="display-5 font-semibold mb-4">Are you thinking of getting started with ShapeDiver? You might qualify for up to 50% off!</h1> 813 <h5>We understand that getting started with a new technology can be challenging, especially for startups and small businesses. For this reason, we created multiple ways to help you and your business succeed with ShapeDiver.</h5> 814 <ul class="text-xl list-disc list-inside"> 815 <li> 816 <span class="d-inline-block inline-block text-xl font-extrabold">Developer Program:</span> If you're currently developing your application, you may qualify for up to 50% off on any plan for up to 3 monthly payments (no commercial activities allowed). 817 </li> 818 <br /> 819 <li> 820 <span class="d-inline-block inline-block text-xl font-extrabold">Small Startup Discount:</span> If you're an early-stage startup (max. 5 employees), you may qualify for up to 30% off on any plan for up to 12 monthly payments or one annual payment (commercial activities allowed). 821 </li> 822 <br /> 823 <li> 824 <span class="d-inline-block inline-block text-xl font-extrabold">Academic Discount:</span> If you're a student or professor, you may qualify for up to 50% off on any plan or extended trial periods of up to 3 months (no commercial activities allowed). 825 </li> 826 </ul> 827 <br /> 828 <div class="text-xl mb-8">Contact us and tell us about your company and project. We'll explain how to qualify for these perks.</div> 829 <br /> 830 <a class="btn btn-secondary btn-lg" href="/contact">Talk to Sales</a> 831 <a class="btn btn-secondary btn-outline btn-lg lg:ml-7" href="/developer-program">Developer Program</a> 832 <ul class="list-none mt-4 text-white font-semibold mb-6"></ul> 833 </div> 834 <div class="col md:w-6/12"> 835 <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/5ab6f67e-2577-4716-816a-f82006c18a3f.webp" /> 836 </div> 837 </div> 838 </div> 839 </div> 840 </div> 841 </div> 842</section> 843<section class="py-24 -mt-16 lg:py-28"> 844 <svg width="0" height="0" class="absolute pointer-events-none select-none"> 845 <defs>
846 <symbol id="icon-check" viewBox="0 0 24 24"> 847 <path d="M20.3 5.7a1 1 0 0 1 0 1.4l-10 10a1 1 0 0 1-1.4 0l-5-5a1 1 0 0 1 1.4-1.4l4.3 4.3 9.3-9.3a1 1 0 0 1 1.4 0z"></path> 848 </symbol> 849 <symbol id="icon-x" viewBox="0 0 24 24"> 850 <path d="M6.4 5l12.7 12.7-1.4 1.4L5 6.4 6.4 5zM5 17.3 17.3 5l1.4 1.4L6.4 18.7 5 17.3z"></path> 851 </symbol> 852 </defs> 853 </svg> 854 <div class="container"> 855 <div class="row"> 856 <div class="col relative text-center"> 857 <h1> 858 <h3 class="h1 lg:font-semibold lg:text-center lg:text-tertiary">Compare Our Plans</h3> 859 </h1> 860 <h1 class="h3 lg:mb-14 lg:text-center">The table below provides a comprehensive list of all the features included in each of our subscriptions.</h1> 861 <div class="rounded-xl border border-gray-200 shadow-md overflow-auto"> 862 <table class="table w-full min-w-[980px]" aria-describedby="legend"> 863 <thead> 864 <tr class="text-xs uppercase tracking-wide"></tr> 865 <tr class="text-xl tracking-wide text-secondary uppercase bg-gray-50"> 866 <th class="px-4 py-3 text-lg font-semibold text-center text-black bg-tertiary border-b border-gray-200">Features</th> 867 <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">startup</th> 868 <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">Business</th> 869 <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">Enterprise</th> 870 </tr> 871 </thead> 872 <tbody class="text-[0.95rem]"> 873 <tr class="hover:bg-gray-50"> 874 <th scope="row" class="px-4 py-3 text-base font-semibold text-primary bg-primary-50 border-b border-gray-200">Subscription Price</th> 875 <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200"> 876 <span class="font-extrabold text-primary">From â¬199/month 877 <br />(with annual plan) 878 </span> 879 </td> 880 <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200"> 881 <span class="font-extrabold text-primary">From â¬499/month 882 <br />(with annual plan) 883 </span> 884 </td> 885 <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200"> 886 <span class="font-extrabold text-primary"> 887 <a href="/contact">Contact Us</a> 888 </span> 889 </td> 890 </tr> 891 <tr class="hover:bg-gray-50"> 892 <th scope="row" class="px-4 py-3 text-base font-semibold text-primary border-b border-gray-200">Server Type</th> 893 <td class="px-4 py-3 border-b border-gray-200">Shared <span class="block text-sm text-gray-500">EU-only</span> 894 </td> 895 <td class="px-4 py-3 border-b border-gray-200">Shared<span class="block text-sm text-gray-500">EU, North America, Asia</span> 896 </td> 897 <td class="px-4 py-3 border-b border-gray-200"> 898 <span style="font-weight:800">Custom</span> 899 </td> 900 </tr> 901 <tr class="hover:bg-gray-50"> 902 <th scope="row" class="px-4 py-3 text-base font-semibold text-primary bg-primary-50 border-b border-gray-200">Rhino Server System</th> 903 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 7 & 8</td> 904 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 7 & 8</td> 905 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 6, 7, or 8</td> 906 </tr> 907 <tr class="hover:bg-gray-50"> 908 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Single-Sign-On (SSO)</th> 909 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 910 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewB
910ox="0 0 24 24" fill="currentColor"> 911 <use href="#icon-x"></use> 912 </svg> 913 </td> 914 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 915 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 916 <use href="#icon-x"></use> 917 </svg> 918 </td> 919 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 920 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 921 <use href="#icon-check"></use> 922 </svg> 923 <br /> 924 </td> 925 </tr> 926 <tr class="hover:bg-gray-50"> 927 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Public Models</th> 928 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 929 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 930 <use href="#icon-check"></use> 931 </svg> 932 </td> 933 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 934 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 935 <use href="#icon-check"></use> 936 </svg> 937 </td> 938 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 939 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 940 <use href="#icon-check"></use> 941 </svg> 942 </td> 943 </tr> 944 <tr class="hover:bg-gray-50"> 945 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Private Models</th> 946 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 947 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 948 <use href="#icon-check"></use> 949 </svg> 950 </td> 951 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 952 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 953 <use href="#icon-check"></use> 954 </svg> 955 </td> 956 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 957 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 958 <use href="#icon-check"></use> 959 </svg> 960 </td> 961 </tr> 962 <tr class="hover:bg-gray-50"> 963 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">App Builder</th> 964 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 965 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 966 <use href="#icon-check"></use> 967 </svg> 968 <br /> 969 <span>(Platform & Embedded)</span> 970 </td> 971 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 972 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 973 <use href="#icon-check"></use> 974 </svg> 975 <br /> 976 <span>(Platform & Embedded)</span> 977 </td> 978 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 979 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 980 <use href="#icon-check"></use> 981 </svg> 982 <br />
983 <span>(Platform & Embedded)</span> 984 </td> 985 </tr> 986 <tr class="hover:bg-gray-50"> 987 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Monthly Credits</th> 988 <td class="px-4 py-3 border-b border-gray-200"> 989 <span class="font-extrabold text-primary">Up to 2,000</span> 990 </td> 991 <td class="px-4 py-3 border-b border-gray-200"> 992 <span class="font-extrabold text-primary">Up to 10,000</span> 993 </td> 994 <td class="px-4 py-3 border-b border-gray-200"> 995 <span class="font-extrabold text-primary">Custom</span> 996 </td> 997 </tr> 998 <tr class="hover:bg-gray-50"> 999 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Excess Credits</th> 1000 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200"> 1001 <span class="font-extrabold text-primary">4¢</span> 1002 <span class="block text-sm text-gray-500">/Credit</span> 1003 </td> 1004 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200"> 1005 <span class="font-extrabold text-primary">4¢</span> 1006 <span class="block text-sm text-gray-500">/Credit</span> 1007 </td> 1008 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200"> 1009 <span class="font-extrabold text-primary">4¢</span> 1010 <span class="block text-sm text-gray-500">/Credit</span> 1011 </td> 1012 </tr> 1013 <tr class="hover:bg-gray-50"> 1014 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Content Delivery Network</th> 1015 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1016 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1017 <use href="#icon-check"></use> 1018 </svg> 1019 </td> 1020 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1021 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1022 <use href="#icon-check"></use> 1023 </svg> 1024 </td> 1025 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1026 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1027 <use href="#icon-check"></use> 1028 </svg> 1029 </td> 1030 </tr> 1031 <tr class="hover:bg-gray-50"> 1032 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Computation Time</th> 1033 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Up to <span class="font-semibold">30 sec</span> 1034 </td> 1035 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Up to <span class="font-semibold">60 sec</span> 1036 </td> 1037 <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200"> 1038 <span class="font-extrabold text-primary">Unlimited</span> 1039 </td> 1040 </tr> 1041 <tr class="hover:bg-gray-50"> 1042 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Computation Priority</th> 1043 <td class="px-4 py-3 border-b border-gray-200">Medium</td> 1044 <td class="px-4 py-3 border-b border-gray-200">High</td> 1045 <td class="px-4 py-3 border-b border-gray-200">â</td> 1046 </tr> 1047 <tr class="bg-primary-50! hover:bg-gray-50"> 1048 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Model Sharing</th> 1049 <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL 1050 <br />Private Models via URL & in-platform 1051 </th> 1052 <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL 1053 <br />Private Models via URL & in-platform 1054 </th> 1055 <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL 1056 <br />Private Models via URL & in-platform 1057 </th> 1058 </tr> 1059 <tr class="hover:bg-gray-50"> 1060 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Third-Party Plugins</th> 1061 <td class="px-4 py-3 border-b border-gray-200">Public List</td> 1062 <td class="px-4 py-3 border-b border-gray-200">Public List</td> 1063 <td class="px-4 py-3 border-b border-gray-200">Public List + Proprietory</td> 1064 </tr> 1065 <tr class="bg-primary-50! hover:bg-gray-50"> 1066 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Grasshopper File Size</th> 1067 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span> 1068 </td> 1069 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">100 MB</span> 1070 </td> 1071 <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
1072 <span class="font-extrabold text-primary">Custom</span> 1073 </td> 1074 </tr> 1075 <tr class="hover:bg-gray-50"> 1076 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Geometry Output Size</th> 1077 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">20 MB</span> 1078 </td> 1079 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span> 1080 </td> 1081 <td class="px-4 py-3 text-sm bg-white border-b border-gray-200"> 1082 <span class="font-extrabold text-primary">Custom</span> 1083 </td> 1084 </tr> 1085 <tr class="bg-primary-50! hover:bg-gray-50"> 1086 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Import/Export</th> 1087 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1088 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1089 <use href="#icon-check"></use> 1090 </svg> 1091 </td> 1092 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1093 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1094 <use href="#icon-check"></use> 1095 </svg> 1096 </td> 1097 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1098 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1099 <use href="#icon-check"></use> 1100 </svg> 1101 </td> 1102 </tr> 1103 <tr class="hover:bg-gray-50"> 1104 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Import/Export File Size</th> 1105 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span> 1106 </td> 1107 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">100 MB</span> 1108 </td> 1109 <td class="px-4 py-3 border-b border-gray-200"> 1110 <b>Custom</b> 1111 </td> 1112 </tr> 1113 <tr class="bg-primary-50! hover:bg-gray-50"> 1114 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Max. Texture Size</th> 1115 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">8 MiB</span> 1116 </td> 1117 <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">16 MiB</span> 1118 </td> 1119 <td class="px-4 py-3 border-b border-gray-200"> 1120 <b>Custom</b> 1121 </td> 1122 </tr> 1123 <tr class="hover:bg-gray-50"> 1124 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Embedding Types</th> 1125 <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td> 1126 <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td> 1127 <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td> 1128 </tr> 1129 <tr class="bg-primary-50! hover:bg-gray-50"> 1130 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Shopify & WooCommerce Plugins</th> 1131 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 1132 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1133 <use href="#icon-check"></use> 1134 </svg> 1135 <br />
1136 <span>Optional: â¬199/month</span> 1137 </td> 1138 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 1139 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1140 <use href="#icon-check"></use> 1141 </svg> 1142 <br /> 1143 <span>Optional: â¬199/month</span> 1144 </td> 1145 <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included"> 1146 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1147 <use href="#icon-check"></use> 1148 </svg> 1149 <br /> 1150 <span>Optional: â¬199/month</span> 1151 </td> 1152 </tr> 1153 <tr class="hover:bg-gray-50"> 1154 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Viewer API</th> 1155 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1156 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1157 <use href="#icon-check"></use> 1158 </svg> 1159 </td> 1160 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1161 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1162 <use href="#icon-check"></use> 1163 </svg> 1164 </td> 1165 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1166 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1167 <use href="#icon-check"></use> 1168 </svg> 1169 </td> 1170 </tr> 1171 <tr class="bg-primary-50! hover:bg-gray-50"> 1172 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Backend & Platform API, 1173 <br class="hidden sm:inline" />TypeScript & .NET SDKs 1174 </th> 1175 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1176 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1177 <use href="#icon-x"></use> 1178 </svg> 1179 </td> 1180 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1181 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1182 <use href="#icon-check"></use> 1183 </svg> 1184 </td> 1185 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1186 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1187 <use href="#icon-check"></use> 1188 </svg> 1189 </td> 1190 </tr> 1191 <tr class="hover:bg-gray-50"> 1192 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Attribute Visualization</th> 1193 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1194 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1195 <use href="#icon-check"></use> 1196 </svg> 1197 </td> 1198 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1199 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1200 <use href="#icon-check"></use> 1201 </svg> 1202 </td> 1203 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1204 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1205 <use href="#icon-check"></use> 1206 </svg> 1207 </td> 1208 </tr> 1209 <tr class="bg-primary-50! hover:bg-gray-50"> 1210 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Augmented Reality</th> 1211 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1212 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1213 <use href="#icon-check"></use> 1214 </svg> 1215 </td> 1216 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1217 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1218 <use href="#icon-check"></use> 1219 </svg> 1220 </td> 1221 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1222 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1223 <use href="#icon-check"></use> 1224 </svg> 1225 </td> 1226 </tr> 1227 <tr class="hover:bg-gray-50"> 1228 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Account & Model Analytics</th> 1229 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1230 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1231 <use href="#icon-check"></use> 1232 </svg> 1233 </td> 1234 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1235 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1236 <use href="#icon-check"></use> 1237 </svg> 1238 </td> 1239 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1240 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1241 <use href="#icon-check"></use> 1242 </svg> 1243 </td> 1244 </tr> 1245 <tr class="bg-primary-50! hover:bg-gray-50"> 1246 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Computation Analytics</th> 1247 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1248 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1249 <use href="#icon-check"></use> 1250 </svg> 1251 </td> 1252 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1253 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1254 <use href="#icon-check"></use> 1255 </svg> 1256 </td> 1257 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1258 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1259 <use href="#icon-check"></use> 1260 </svg> 1261 </td> 1262 </tr> 1263 <tr class="hover:bg-gray-50"> 1264 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Seats Included</th> 1265 <td class="px-4 py-3 border-b border-gray-200" aria-label="included">Two Seats Included</td> 1266 <td class="px-4 py-3 border-b border-gray-200" aria-label="included">5 Seats Included</td> 1267 <td class="px-4 py-3 border-b border-gray-200" aria-label="included">Unlimited Seats</td> 1268 </tr> 1269 <tr class="bg-primary-50! hover:bg-gray-50"> 1270 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Saved States</th> 1271 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1272 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1273 <use href="#icon-check"></use> 1274 </svg> 1275 </td> 1276 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1277 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1278 <use href="#icon-check"></use> 1279 </svg> 1280 </td> 1281 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1282 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1283 <use href="#icon-check"></use> 1284 </svg> 1285 </td> 1286 </tr> 1287 <tr class="hover:bg-gray-50"> 1288 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Desktop Clients</th> 1289 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1290 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1291 <use href="#icon-check"></use> 1292 </svg> 1293 </td> 1294 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1295 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1296 <use href="#icon-check"></use> 1297 </svg> 1298 </td> 1299 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1300 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1301 <use href="#icon-check"></use> 1302 </svg> 1303 </td> 1304 </tr> 1305 <tr class="bg-primary-50! hover:bg-gray-50"> 1306 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Whitelisted Domains</th> 1307 <td class="px-4 py-3 border-b border-gray-200">1 Main Domain 1308 <br />1 Testing Domain 1309 </td> 1310 <td class="px-4 py-3 border-b border-gray-200">1 Main Domain 1311 <br />1 Testing Domain 1312 </td> 1313 <td class="px-4 py-3 border-b border-gray-200"> 1314 <b>Custom</b> 1315 </td> 1316 </tr> 1317 <tr class="hover:bg-gray-50"> 1318 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Scripted Components (C#, VB, Python)</th> 1319 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1320 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1321 <use href="#icon-check"></use> 1322 </svg> 1323 </td> 1324 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1325 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1326 <use href="#icon-check"></use> 1327 </svg> 1328 </td> 1329 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1330 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1331 <use href="#icon-check"></use> 1332 </svg> 1333 </td> 1334 </tr> 1335 <tr class="bg-primary-50! hover:bg-gray-50"> 1336 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Vote New Features</th> 1337 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1338 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1339 <use href="#icon-check"></use> 1340 </svg> 1341 </td> 1342 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1343 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1344 <use href="#icon-check"></use> 1345 </svg> 1346 </td> 1347 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1348 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1349 <use href="#icon-check"></use> 1350 </svg> 1351 </td> 1352 </tr> 1353 <tr class="hover:bg-gray-50"> 1354 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Technical Support</th> 1355 <td class="px-4 py-3 border-b border-gray-200">Forum Support</td> 1356 <td class="px-4 py-3 border-b border-gray-200">Email & Video Support</td> 1357 <td class="px-4 py-3 border-b border-gray-200">Email & Video Support</td> 1358 </tr> 1359 <tr class="bg-primary-50! hover:bg-gray-50"> 1360 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Community Catch-ups</th> 1361 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1362 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1363 <use href="#icon-check"></use> 1364 </svg> 1365 </td> 1366 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1367 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1368 <use href="#icon-check"></use> 1369 </svg> 1370 </td> 1371 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1372 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1373 <use href="#icon-check"></use> 1374 </svg> 1375 </td> 1376 </tr> 1377 <tr class="hover:bg-gray-50"> 1378 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Private Server System</th> 1379 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1380 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewB
1380ox="0 0 24 24" fill="currentColor"> 1381 <use href="#icon-x"></use> 1382 </svg> 1383 </td> 1384 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1385 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1386 <use href="#icon-x"></use> 1387 </svg> 1388 </td> 1389 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1390 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1391 <use href="#icon-check"></use> 1392 </svg> 1393 </td> 1394 </tr> 1395 <tr class="bg-primary-50! hover:bg-gray-50"> 1396 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Install Custom Plugins</th> 1397 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1398 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1399 <use href="#icon-x"></use> 1400 </svg> 1401 </td> 1402 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1403 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1404 <use href="#icon-x"></use> 1405 </svg> 1406 </td> 1407 <td class="px-4 py-3 border-b border-gray-200" aria-label="included"> 1408 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor"> 1409 <use href="#icon-check"></use> 1410 </svg> 1411 </td> 1412 </tr> 1413 <tr class="hover:bg-gray-50"> 1414 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Onboarding Sessions</th> 1415 <td class="px-4 py-3 border-b border-gray-200">One per month</td> 1416 <td class="px-4 py-3 border-b border-gray-200">Unlimited <span class="block text-sm text-gray-500">Fair use</span> 1417 </td> 1418 <td class="px-4 py-3 border-b border-gray-200">Unlimited <span class="block text-sm text-gray-500">Fair use</span> 1419 </td> 1420 </tr> 1421 <tr class="bg-primary-50! hover:bg-gray-50"> 1422 <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Yearly Uptime</th> 1423 <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td> 1424 <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td> 1425 <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td> 1426 </tr> 1427 <tr> 1428 <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Service Level Agreement</th> 1429 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1430 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1431 <use href="#icon-x"></use> 1432 </svg> 1433 </td> 1434 <td class="px-4 py-3 border-b border-gray-200" aria-label="not included"> 1435 <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor"> 1436 <use href="#icon-x"></use> 1437 </svg> 1438 </td> 1439 <td class="px-4 py-3 border-b border-gray-200">Optional: 99.9%</td> 1440 </tr> 1441 </tbody> 1442 </table> 1443 </div> 1444 </div> 1445 </div> 1446 </div> 1447</section> 1448<section class="py-8 -mt-12 -mb-4 lg:bg-primary" id="cta"> 1449 <div class="container"> 1450 <div class="row"> 1451 <div class="col"> 1452 <div class="rounded bg-primary text-white"> 1453 <div class="row"> 1454 <div class="col md:w-7/12 md:pt-20 p-7 md:p-14 text-center"> 1455 <h3>Join the Grasshopper revolution.</h3> 1456 <p class="mb-12">ShapeDiver is helping thousands of Grasshopper experts take their parametric powers online. With ShapeDiver you'll be able to create outstanding cloud-based applications based on your definitions.</p> 1457 <a class="btn btn-secondary btn-lg" href="/how-it-works">Learn How</a> 1458 </div> 1459 <div class="col md:w-5/12"> 1460 <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/5ab6f67e-2577-4716-816a-f82006c18a3f.webp" class="mt-6 md:-mt-20" loading="lazy" alt="face of customer" /> 1461 </div> 1462 </div> 1463 </div> 1464 </div> 1465 </div> 1466 </div> 1467</section> 1468<template></template> 1469<footer class="py-12 text-primary bg-secondary" id="footer"> 1470 <div class="container text-primary"> 1471 <div class="row mb-12"> 1472 <div class="col text-center text-primary mb-6 md:mb-0 md:w-3/12 md:text-left"> 1473 <a class="h4 block mb-3 font-semibold text-primary no-underline" href="#">ShapeDiver</a> 1474 <div> 1475 <p class="text-primary">Build powerful apps with nothing but Grasshopper.</p> 1476 <a href="/trust"> 1477 <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019d59bc-903f-7431-9694-083366ccbad3.avif" class="max-h-20 inline-block" /> 1478 </a> 1479 </div> 1480 </div> 1481 <div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2"> 1482 <p class="mb-3 font-semibold text-primary">Product</p> 1483 <a class="block text-primary" target="_blank" href="https://www.shapediver.com/app/register">Sign Up</a> 1484 <a class="block text-primary" href="/pricing">Pricing</a> 1485 <a class="block text-primary" href="https://faq.shapediver.com/faq/">F.A.Q.</a> 1486 <a class="block text-primary" href="/trust">Trust</a> 1487 </div> 1488 <div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2"> 1489 <p class="mb-3 font-semibold text-primary">Company</p> 1490 <a class="block text-primary" href="/terms">Terms</a> 1491 <a class="block text-primary" href="/privacy">Privacy</a> 1492 <a class="block text-primary" href="/contact">Contact Us</a> 1493 <a class="block text-primary" href="/imprint">Imprint</a> 1494 </div> 1495 <div class="col md:w-3/12 text-center md:mb-0 flex flex-col items-center gap-y-2"> 1496 <p class="mb-3 font-semibold text-primary">Connect With Us</p> 1497 <a class="block text-white" href="https://at.linkedin.com/company/shapediver" title="LinkedIn" target="" rel="noopener"> 1498 <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db02d-81b7-7f41-a3fd-f9c34444815e.svg" /> 1499 </a> 1500 <a class="block text-primary" href="https://youtube.com/shapediver" title="youtube" target="_blank" rel="noopener"> 1501 <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db028-de1f-7dd5-8251-0248dd3e2c9f.svg" /> 1502 </a> 1503 <a class="block text-white" href="https://github.com/shapediver" title="Instagram" target="_blank" rel="noopener"> 1504 <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db028-a940-7a73-af51-c93d73291bf3.svg" /> 1505 </a> 1506 </div> 1507 </div> 1508 <div class="row text-white"> 1509 <div class="col text-center w-full"> 1510 <p class="text-sm text-primary">© <span id="current-year"></span> ShapeDiver GmbH. All rights reserved.</p> 1511 </div> 1512 </div> 1513 </div> 1514</footer>
1515<script> 1516window.vDelayedScripts.push({ callback: () => { 1517 const template = document.getElementById('powered-by-template'); 1518 if (template) { 1519 const clone = template.content.cloneNode(true); 1520 document.body.appendChild(clone); 1521 } 1522}}); 1523</script>
1523 1524
1525<script> 1526window.vGetElementsByToggle = (toggleName) => { 1527 const query = '[data-toggle="' + toggleName + '"]'; 1528 const elements = [...document.querySelectorAll(query)]; 1529 elements.forEach((elem, index) => { 1530 elem.setAttribute('data-' + toggleName + '-index', index); 1531 }) 1532 return elements; 1533}; 1534</script>
vendor: 1 bytes, line 1534
1534
1535<script> 1536window.vGetElementOptions = (elem) => { 1537 if (!elem.dataset.options) { 1538 return {}; 1539 } 1540 1541 try { 1542 let options = elem.dataset.options.split("'").join('"'); 1543 options = JSON.parse(options); 1544 return options; 1545 } catch (err) { 1546 console.log(err); 1547 return {}; 1548 } 1549}; 1550</script>
vendor: 1 bytes, line 1550
1550
1551<script> 1552window.vDelayedScripts.push({src: 'https://d1pnnwteuly8z3.cloudfront.net/libs/fontawesome-free/5.13.1/fontawesome-free.css', type: 'stylesheet'}); 1553</script>
vendor: 1 bytes, line 1553
1553
1554<script> 1555(function(){ 1556s=document.createElement("script"); 1557s.src="https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.1.0/tailtip.js"; 1558s.async = false; 1559document.head.appendChild(s); 1560s.onload = function() { 1561 window.vTailtips = []; 1562window.vGetElementsByToggle('tooltip').forEach((elem) => { 1563 const tailtip = Tailtip(elem, window.vGetElementOptions(elem)); 1564 window.vTailtips.push(tailtip); 1565}); 1566} 1567})(); 1568</script>
vendor: 1 bytes, line 1568
1568
1569<script> 1570window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-core/1.7.4/floating-ui-core.js"); 1571</script>
vendor: 1 bytes, line 1571
1571
1572<script> 1573window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-dom/1.7.4/floating-ui-dom.js"); 1574</script>
vendor: 1 bytes, line 1574
1574
1575<script> 1576window.vDelayedScripts.push({src: 'https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.3.0/versoly-ui.js', type: 'script'}); 1577</script>
vendor: 1 bytes, line 1577
1577
1578<script> 1579document.querySelectorAll('section:has([id$="-pricing-button"], [data-toggle="pricing"])').forEach(section => { 1580 const durationButtons = section.querySelectorAll('[id$="-pricing-button"]'); 1581 const durations = [...durationButtons].map(b => b.id.replace('-pricing-button', '')); 1582 1583 const activeClass = durationButtons[0] && durationButtons[0].className; 1584 const inactiveClass = durationButtons[1] && durationButtons[1].className; 1585 1586 durations.forEach(duration => { 1587 const durationButton = section.querySelector('[id="' + duration + '-pricing-button"]'); 1588 1589 if (!durationButton) { 1590 return; 1591 } 1592 1593 durationButton.addEventListener('click', function() { 1594 section.querySelectorAll('[data-' + duration + ']').forEach((element) => { 1595 element.innerHTML = element.dataset[duration]; 1596 }) 1597 1598 section.querySelectorAll('[data-duration-show]').forEach(d => { 1599 d.className = (d.className || '') + ' hidden'; 1600 }) 1601 1602 section.querySelectorAll('[data-duration-show="' + duration + '"]').forEach(d => { 1603 d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' '); 1604 }) 1605 1606 durationButtons.forEach(b => b.className = inactiveClass); 1607 durationButton.className = activeClass; 1608 }); 1609 }); 1610 1611 const toggles = section.querySelectorAll('.pricing-toggle, [data-toggle="pricing"]'); 1612 toggles.forEach(toggleElem => { 1613 toggleElem.addEventListener('click', function (e) { 1614 if (e.target.tagName !== 'INPUT') { 1615 return; 1616 } 1617 1618 toggles.forEach(t => { 1619 t.getElementsByTagName('input')[0].checked = !!e.target.checked 1620 }); 1621 1622 const sectionDurations = ['monthly', 'annual']; 1623 let nextDuration = sectionDurations[0]; 1624 1625 sectionDurations.forEach(d => { 1626 section.querySelectorAll('[data-' + d + ']').forEach(elem => { 1627 if (elem.innerHTML !== elem.getAttribute('data-' + d)) { 1628 nextDuration = d 1629 } 1630 }) 1631 }); 1632 1633 section.querySelectorAll('[' + 'data-' + nextDuration + ']').forEach(elem => 1634 elem.innerHTML = elem.getAttribute('data-' + nextDuration) 1635 ) 1636 1637 section.querySelectorAll('[data-duration-show]').forEach(d => { 1638 d.className = (d.className || '') + ' hidden' 1639 }) 1640 1641 section.querySelectorAll('[data-duration-show="' + nextDuration + '"]').forEach(d => { 1642 d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ') 1643 }) 1644 }) 1645 }); 1646}); 1647</script>
vendor: 1 bytes, line 1647
1647
1648<script> 1649if (document.getElementById("navbar")) { 1650 var style = document.createElement('style'); 1651 style.innerHTML = '* {scroll-margin-top: ' + document.getElementById("navbar").offsetHeight + 'px}'; 1652 document.head.appendChild(style); 1653} 1654</script>
vendor: 1 bytes, line 1654
1654
1655<script> 1656window.vHandleDelayedLoad = () => { 1657 window.vDelayedScripts.forEach(s => { 1658 if (s.loaded) return; 1659 if (s.type === 'script') { 1660 window.vCreateScript(s.src); 1661 } else if (s.type === 'stylesheet') { 1662 window.vCreateStylesheet(s.src); 1663 } else if (s.callback) { 1664 s.callback(); 1665 } 1666 s.loaded = true; 1667 }); 1668} 1669 1670addEventListener('DOMContentLoaded', () => setTimeout(window.vHandleDelayedLoad, 5000)); 1671addEventListener('scroll', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true}); 1672addEventListener('mousemove', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true}); 1673addEventListener('click', () => setTimeout(window.vHandleDelayedLoad, 16), {once: true}); 1674</script>
vendor: 1 bytes, line 1674
1674
1675<script> 1676 const supportbutton = document.getElementById('support'); 1677 const supportmenu = document.getElementById('support-menu'); 1678 const explorebutton = document.getElementById('explore'); 1679 const exploremenu = document.getElementById('explore-menu'); 1680 1681 // Close menu when clicking outside 1682 document.addEventListener('click', (e) => { 1683 if (!supportbutton.contains(e.target) && !supportmenu.contains(e.target)) { 1684 supportmenu.style.display = "", 1685 supportmenu.classList.remove("opacity-100", "visible") 1686 } 1687 }); 1688 1689 document.addEventListener('click', (e) => { 1690 if (!explorebutton.contains(e.target) && !exploremenu.contains(e.target)) { 1691 exploremenu.style.display = "", 1692 exploremenu.classList.remove("opacity-100", "visible") 1693 } 1694 }); 1695 1696 document.getElementById("current-year").textContent = new Date().getFullYear(); 1697 1698document.querySelectorAll('.tooltip-icon[title]').forEach(icon => { 1699 const tip = icon.getAttribute('title'); 1700 icon.removeAttribute('title'); // kill the native tooltip 1701 icon.setAttribute('tabindex', '0'); 1702 icon.setAttribute('role', 'button'); 1703 icon.setAttribute('aria-label', tip); 1704 1705 const wrap = document.createElement('span'); 1706 wrap.className = 'tooltip-wrap'; 1707 wrap.dataset.tip = tip; 1708 icon.parentNode.insertBefore(wrap, icon); 1709 wrap.appendChild(icon); 1710}); 1711</script>
1711 1712</body> 1713</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.