Orbits
The Orbits component features animated circular paths with floating “planets” that hold icons or logos. Built for visual impact and motion, it adds a dynamic, interactive layer to your layout — ideal for showcasing tools, partners, or key features in a playful yet structured way.
Logo Orbit
Orbits bring motion and personality to your site through animated circular layouts. Each orbit contains customizable planets that hold icons or logos, making it perfect for visual storytelling, tech stacks, or partner highlights.
Blurred Variant
The blurred variant allows you to only show the upper half of the orbit.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="BpmJxdcpO-3644538507-linear-gradient" x1="5.551115123125783e-17" x2="1" y1="0.13930982678999043" y2="0.8606901732100096"><stop offset="0" stop-color="rgb(36, 147, 97)"/><stop offset="1" stop-color="rgb(62, 207, 142)"/></linearGradient><linearGradient id="hJBIx1YTr-3644538507-linear-gradient" x1="0.3434065606515711" x2="0.656593439348429" y1="0" y2="1"><stop offset="0" stop-color="rgb(0, 0, 0)"/><stop offset="1" stop-color="rgba(0, 0, 0, 0)"/></linearGradient></defs><g d="M 18.282 31.571 C 17.465 32.601 15.808 32.037 15.788 30.722 L 15.5 11.5 L 28.425 11.5 C 30.766 11.5 32.072 14.204 30.616 16.037 Z M 18.282 31.571 C 17.465 32.601 15.808 32.037 15.788 30.722 L 15.5 11.5 L 28.425 11.5 C 30.766 11.5 32.072 14.204 30.616 16.037 Z M 12.946 0.532 C 13.763 -0.498 15.42 0.066 15.44 1.38 L 15.566 20.603 L 2.803 20.603 C 0.462 20.603 -0.844 17.899 0.612 16.065 Z" fill="transparent" height="32.10286575730692px" id="FlIq94h5D" width="31.228026200452184px"><path d="M 2.782 20.071 C 1.965 21.101 0.308 20.537 0.288 19.222 L 0 0 L 12.925 0 C 15.266 0 16.572 2.704 15.116 4.537 Z" fill="url(%23BpmJxdcpO-3644538507-linear-gradient)" height="20.60286575730693px" id="BpmJxdcpO" transform="translate(15.5 11.5)" width="15.728026200452177px"/><path d="M 2.782 20.071 C 1.965 21.101 0.308 20.537 0.288 19.222 L 0 0 L 12.925 0 C 15.266 0 16.572 2.704 15.116 4.537 Z" fill="url(%23hJBIx1YTr-3644538507-linear-gradient)" height="20.60286575730693px" id="hJBIx1YTr" transform="translate(15.5 11.5)" width="15.728026200452177px"/><path d="M 12.946 0.532 C 13.763 -0.498 15.42 0.066 15.44 1.38 L 15.566 20.603 L 2.803 20.603 C 0.462 20.603 -0.844 17.899 0.612 16.065 Z" fill="rgb(62, 207, 142)" height="20.602863236656844px" id="dmeLMeVHK" width="15.56637317217917px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 7.273 17.818 L 7.273 5.454 L 3.438 1.947 L 0 0 L 0 15.636 C 0 16.844 0.978 17.818 2.182 17.818 Z" fill="rgb(66, 133, 244)" height="17.818250000000003px" id="ObXWpvwT3" transform="translate(0 10.123)" width="7.27275px"/><path d="M 0 17.818 L 5.091 17.818 C 6.298 17.818 7.273 16.84 7.273 15.636 L 7.273 0 L 3.378 2.23 L 0 5.454 Z" fill="rgb(52, 168, 83)" height="17.818125000000002px" id="d0L5xUI2z" transform="translate(24.727 10.123)" width="7.272750000000002px"/><path d="M 0.522 9.454 L 0 4.624 L 0.522 0 L 9.249 6.546 L 17.976 0 L 18.56 4.374 L 17.976 9.454 L 9.249 16 Z" fill="rgb(234, 67, 53)" height="16px" id="zJQP89P8t" transform="translate(6.751 6.123)" width="18.559874999999998px"/><path d="M 0 2.188 L 0 11.642 L 7.273 6.188 L 7.273 3.279 C 7.273 0.581 4.193 -0.957 2.036 0.661 Z" fill="rgb(251, 188, 4)" height="11.642461369021124px" id="NyqZocz68" transform="translate(24.727 3.935)" width="7.272750000000002px"/><path d="M 0 6.188 L 3.345 8.697 L 7.273 11.643 L 7.273 2.188 L 5.236 0.661 C 3.076 -0.957 0 0.581 0 3.279 Z" fill="rgb(197, 34, 31)" height="11.64251864428083px" id="qrjWZ9PcS" transform="translate(0 3.935)" width="7.27275px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 15.307 3.26 C 15.307 1.949 15.201 0.992 14.971 0 L 0 0 L 0 5.917 L 8.787 5.917 C 8.61 7.388 7.654 9.602 5.528 11.091 L 5.498 11.289 L 10.231 14.956 L 10.559 14.988 C 13.571 12.207 15.307 8.114 15.307 3.26" fill="rgb(66, 133, 244)" height="14.988335877862596px" id="QrVKma57m" transform="translate(16.31 13.04)" width="15.307236641221365px"/><path d="M 14.244 12.791 C 18.549 12.791 22.164 11.374 24.803 8.929 L 19.772 5.031 C 18.425 5.97 16.618 6.626 14.244 6.626 C 10.028 6.626 6.449 3.845 5.173 0 L 4.986 0.016 L 0.064 3.825 L 0 4.004 C 2.622 9.213 8.008 12.791 14.244 12.791" fill="rgb(52, 168, 83)" height="12.791450381679383px" id="ZONNiWwOj" transform="translate(2.066 19.099)" width="24.80341984732824px"/><path d="M 6.874 10.389 C 6.537 9.397 6.343 8.334 6.343 7.235 C 6.343 6.137 6.537 5.074 6.856 4.082 L 6.847 3.87 L 1.864 0 L 1.701 0.078 C 0.62 2.239 0 4.666 0 7.235 C 0 9.804 0.62 12.231 1.701 14.393 Z" fill="rgb(251, 188, 5)" height="14.392671755725196px" id="HMFMUpFcb" transform="translate(0.365 8.71)" width="6.874015267175573px"/><path d="M 14.244 6.165 C 17.238 6.165 19.258 7.459 20.41 8.539 L 24.91 4.146 C 22.146 1.577 18.549 0 14.244 0 C 8.008 0 2.622 3.579 0 8.787 L 5.156 12.791 C 6.449 8.947 10.028 6.165 14.244 6.165" fill="rgb(235, 67, 53)" height="12.79145038167939px" id="ofYhSJTZj" transform="translate(2.066 0)" width="24.909679389312974px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 29.438 13.071 C 30.161 10.895 29.91 8.514 28.752 6.535 C 27.01 3.503 23.508 1.943 20.088 2.676 C 18.161 0.532 15.236 -0.421 12.416 0.175 C 9.596 0.771 7.307 2.825 6.412 5.565 C 4.165 6.026 2.226 7.433 1.091 9.425 C -0.67 12.453 -0.27 16.272 2.08 18.87 C 1.355 21.045 1.603 23.427 2.76 25.406 C 4.504 28.44 8.008 29.999 11.43 29.265 C 12.952 30.979 15.139 31.954 17.431 31.942 C 20.936 31.945 24.042 29.682 25.112 26.344 C 27.358 25.882 29.297 24.476 30.433 22.484 C 32.173 19.462 31.771 15.663 29.438 13.071 M 17.431 29.851 C 16.031 29.853 14.676 29.363 13.602 28.466 L 13.791 28.359 L 20.151 24.688 C 20.473 24.499 20.671 24.155 20.673 23.781 L 20.673 14.815 L 23.362 16.37 C 23.389 16.384 23.408 16.41 23.412 16.44 L 23.412 23.869 C 23.405 27.17 20.731 29.844 17.431 29.851 M 4.573 24.361 C 3.872 23.149 3.62 21.729 3.862 20.35 L 4.051 20.463 L 10.416 24.134 C 10.737 24.322 11.135 24.322 11.455 24.134 L 19.231 19.651 L 19.231 22.755 C 19.23 22.787 19.214 22.818 19.187 22.837 L 12.746 26.552 C 9.884 28.201 6.227 27.22 4.573 24.361 M 2.898 10.508 C 3.605 9.289 4.72 8.359 6.047 7.883 L 6.047 15.438 C 6.042 15.81 6.24 16.155 6.563 16.339 L 14.301 20.803 L 11.613 22.358 C 11.583 22.374 11.548 22.374 11.518 22.358 L 5.09 18.65 C 2.233 16.994 1.253 13.34 2.898 10.477 Z M 24.986 15.64 L 17.223 11.132 L 19.905 9.583 C 19.935 9.567 19.97 9.567 20 9.583 L 26.428 13.298 C 28.435 14.455 29.593 16.668 29.4 18.976 C 29.207 21.285 27.699 23.274 25.528 24.084 L 25.528 16.528 C 25.517 16.157 25.311 15.82 24.986 15.64 M 27.662 11.617 L 27.474 11.503 L 21.12 7.801 C 20.798 7.611 20.398 7.611 20.075 7.801 L 12.305 12.284 L 12.305 9.18 C 12.302 9.148 12.316 9.116 12.343 9.098 L 18.772 5.389 C 20.783 4.231 23.283 4.339 25.187 5.667 C 27.09 6.995 28.055 9.304 27.662 11.591 Z M 10.838 17.12 L 8.15 15.571 C 8.122 15.554 8.104 15.527 8.099 15.495 L 8.099 8.084 C 8.102 5.763 9.446 3.653 11.548 2.669 C 13.65 1.685 16.131 2.004 17.915 3.488 L 17.727 3.595 L 11.367 7.266 C 11.045 7.455 10.847 7.799 10.845 8.172 Z M 12.299 13.971 L 15.762 11.975 L 19.231 13.971 L 19.231 17.963 L 15.775 19.959 L 12.305 17.963 Z" fill="rgb(0, 0, 0)" height="31.94174342851717px" id="E0OduAcZR" transform="translate(0.245 0)" width="31.507675517938086px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 5.888 18.121 L 11.776 0 L 0 0 Z" fill="rgb(226, 67, 41)" height="18.121250000000003px" id="ol3TLaSJO" transform="translate(10.121 12.638)" width="11.776124999999993px"/><path d="M 14.14 18.121 L 8.252 0 L 0 0 Z" fill="rgb(252, 109, 38)" height="18.121250000000003px" id="DRKH6whKc" transform="translate(1.87 12.638)" width="14.139874999999996px"/><path d="M 1.849 0 L 0.06 5.507 C -0.103 6.009 0.075 6.559 0.503 6.87 L 15.989 18.121 Z" fill="rgb(252, 163, 38)" height="18.121375px" id="mj5YxsYhC" transform="translate(0.02 12.638)" width="15.988926852089602px"/><path d="M 0 11.336 L 8.252 11.336 L 4.706 0.421 C 4.523 -0.14 3.729 -0.14 3.546 0.421 Z" fill="rgb(226, 67, 41)" height="11.335546876304258px" id="Ds5P2DjKG" transform="translate(1.87 1.303)" width="8.251750000000001px"/><path d="M 0 18.121 L 5.888 0 L 14.14 0 Z" fill="rgb(252, 109, 38)" height="18.121250000000003px" id="Xb0rSazgX" transform="translate(16.009 12.638)" width="14.13987499999999px"/><path d="M 14.14 0 L 15.929 5.507 C 16.092 6.009 15.914 6.56 15.486 6.87 L 0 18.121 Z" fill="rgb(252, 163, 38)" height="18.121375px" id="bCd3pWAoY" transform="translate(16.009 12.638)" width="15.988903002370762px"/><path d="M 8.252 11.336 L 0 11.336 L 3.546 0.421 C 3.729 -0.14 4.523 -0.14 4.706 0.421 Z" fill="rgb(226, 67, 41)" height="11.335546876304257px" id="bLhW2DmNs" transform="translate(21.897 1.303)" width="8.251874999999984px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 0 C 7.165 0 0 7.163 0 16 C 0 23.069 4.585 29.067 10.942 31.183 C 11.742 31.331 12.035 30.836 12.035 30.413 C 12.035 30.031 12.02 28.771 12.013 27.434 C 7.562 28.402 6.623 25.546 6.623 25.546 C 5.895 23.697 4.846 23.205 4.846 23.205 C 3.395 22.212 4.956 22.233 4.956 22.233 C 6.562 22.345 7.408 23.881 7.408 23.881 C 8.835 26.327 11.151 25.62 12.064 25.211 C 12.208 24.177 12.623 23.471 13.08 23.072 C 9.526 22.667 5.791 21.295 5.791 15.165 C 5.791 13.418 6.416 11.99 7.439 10.87 C 7.273 10.467 6.725 8.839 7.594 6.635 C 7.594 6.635 8.938 6.205 11.995 8.276 C 13.272 7.921 14.64 7.743 16 7.737 C 17.36 7.743 18.73 7.921 20.008 8.276 C 23.062 6.206 24.404 6.636 24.404 6.636 C 25.275 8.839 24.727 10.467 24.561 10.87 C 25.587 11.99 26.207 13.418 26.207 15.165 C 26.207 21.31 22.464 22.663 18.902 23.059 C 19.475 23.556 19.987 24.529 19.987 26.022 C 19.987 28.163 19.968 29.886 19.968 30.413 C 19.968 30.839 20.256 31.338 21.067 31.18 C 27.421 29.063 32 23.067 32 16 C 32 7.163 24.836 0 16 0 M 5.993 22.793 C 5.957 22.872 5.832 22.896 5.718 22.841 C 5.602 22.789 5.537 22.681 5.575 22.601 C 5.609 22.519 5.735 22.496 5.85 22.551 C 5.967 22.603 6.033 22.713 5.993 22.793 M 6.78 23.495 C 6.703 23.565 6.554 23.533 6.453 23.421 C 6.348 23.309 6.329 23.16 6.406 23.088 C 6.485 23.018 6.629 23.051 6.734 23.162 C 6.839 23.275 6.859 23.423 6.78 23.495 M 7.32 24.393 C 7.221 24.461 7.061 24.398 6.962 24.255 C 6.864 24.113 6.864 23.942 6.964 23.874 C 7.064 23.806 7.221 23.867 7.322 24.008 C 7.42 24.153 7.42 24.324 7.319 24.393 M 8.233 25.434 C 8.145 25.531 7.958 25.505 7.821 25.373 C 7.681 25.244 7.643 25.061 7.731 24.964 C 7.819 24.867 8.007 24.894 8.145 25.025 C 8.284 25.154 8.326 25.338 8.233 25.434 M 9.413 25.785 C 9.374 25.911 9.194 25.968 9.013 25.914 C 8.832 25.86 8.714 25.713 8.75 25.586 C 8.788 25.46 8.968 25.401 9.151 25.458 C 9.332 25.512 9.45 25.658 9.413 25.785 M 10.756 25.934 C 10.76 26.066 10.607 26.176 10.416 26.178 C 10.225 26.182 10.07 26.076 10.068 25.946 C 10.068 25.813 10.218 25.704 10.41 25.701 C 10.6 25.697 10.756 25.803 10.756 25.934 M 12.075 25.884 C 12.098 26.013 11.966 26.145 11.777 26.18 C 11.591 26.214 11.419 26.135 11.395 26.007 C 11.372 25.875 11.507 25.743 11.692 25.709 C 11.882 25.676 12.051 25.753 12.075 25.884" fill="rgb(22, 22, 20)" height="31.210040240431667px" id="GW1Q5xvuu" transform="translate(0 0.375)" width="32px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs ><radialGradient cx="0.7823915160784467" cy="0.5550570401814873" gradient-transform="translate(0.7823915160784467, 0.5550570401814873) scale(1 1) translate(-0.7823915160784467, -0.5550570401814873)" id="QFA2aUo13-319111160-radial-gradient" r="0.781134543928061"><stop offset="0" stop-color="rgb(27, 161, 227)"/><stop offset="1" stop-color="rgb(244, 156, 70)"/></radialGradient><radialGradient cx="1.6978648732409702" cy="1.203710669710889" gradient-transform="translate(1.6978648732409702, 1.203710669710889) scale(1 1) translate(-1.6978648732409702, -1.203710669710889)" id="CD1gwOB0P-319111160-radial-gradient" r="1.6935947569713223"><stop offset="0" stop-color="rgb(27, 161, 227)"/><stop offset="1" stop-color="rgb(244, 156, 70)"/></radialGradient></defs><path d="M 15.14 21.429 L 13.866 24.346 C 13.376 25.468 11.824 25.468 11.335 24.346 L 10.061 21.429 C 8.927 18.833 6.887 16.766 4.342 15.636 L 0.836 14.08 C -0.279 13.585 -0.279 11.964 0.836 11.469 L 4.233 9.961 C 6.843 8.803 8.92 6.659 10.034 3.974 L 11.324 0.865 C 11.803 -0.288 13.397 -0.288 13.876 0.865 L 15.166 3.974 C 16.281 6.659 18.357 8.802 20.968 9.961 L 24.364 11.469 C 25.479 11.964 25.479 13.585 24.364 14.08 L 20.858 15.636 C 18.313 16.766 16.273 18.833 15.14 21.429" fill="url(%23QFA2aUo13-319111160-radial-gradient)" height="25.187193798449616px" id="QFA2aUo13" transform="translate(0.125 0)" width="25.200434108527126px"/><path d="M 6.848 10.345 L 6.49 11.166 C 6.228 11.767 5.395 11.767 5.133 11.166 L 4.775 10.345 C 4.136 8.881 2.986 7.716 1.551 7.078 L 0.448 6.588 C -0.149 6.323 -0.149 5.455 0.448 5.19 L 1.489 4.727 C 2.962 4.073 4.132 2.865 4.76 1.351 L 5.128 0.464 C 5.384 -0.155 6.239 -0.155 6.495 0.464 L 6.863 1.351 C 7.491 2.865 8.662 4.073 10.134 4.727 L 11.176 5.19 C 11.772 5.455 11.772 6.323 11.176 6.588 L 10.072 7.078 C 8.637 7.716 7.487 8.881 6.848 10.345" fill="url(%23CD1gwOB0P-319111160-radial-gradient)" height="11.617054263565905px" id="CD1gwOB0P" transform="translate(20.254 20.283)" width="11.623224806201563px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 31.339 8.812 C 30.619 8.312 28.967 8.125 27.676 8.375 C 27.526 7.125 26.836 6.031 25.635 5.062 L 24.944 4.562 L 24.464 5.281 C 23.863 6.219 23.563 7.531 23.653 8.781 C 23.683 9.218 23.833 10 24.284 10.687 C 23.863 10.937 22.993 11.25 21.852 11.25 L 0.144 11.25 L 0.084 11.5 C -0.126 12.75 -0.126 16.656 2.336 19.656 C 4.198 21.937 6.96 23.093 10.593 23.093 C 18.459 23.093 24.284 19.312 27.016 12.468 C 28.097 12.5 30.409 12.468 31.58 10.125 C 31.61 10.062 31.67 9.937 31.88 9.468 L 32 9.218 Z M 17.498 0 L 14.196 0 L 14.196 3.125 L 17.498 3.125 Z M 17.498 3.75 L 14.196 3.75 L 14.196 6.875 L 17.498 6.875 Z M 13.595 3.75 L 10.293 3.75 L 10.293 6.875 L 13.595 6.875 Z M 9.692 3.75 L 6.389 3.75 L 6.389 6.875 L 9.692 6.875 Z M 5.789 7.5 L 2.486 7.5 L 2.486 10.625 L 5.789 10.625 Z M 9.692 7.5 L 6.389 7.5 L 6.389 10.625 L 9.692 10.625 Z M 13.595 7.5 L 10.293 7.5 L 10.293 10.625 L 13.595 10.625 Z M 17.498 7.5 L 14.196 7.5 L 14.196 10.625 L 17.498 10.625 Z M 21.401 7.5 L 18.099 7.5 L 18.099 10.625 L 21.401 10.625 Z" fill="rgb(35, 150, 237)" height="23.092875137329102px" id="OjdTqDJ3L" transform="translate(0 4.435)" width="31.999966010957532px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="pDkFkKjSw-2174161106-linear-gradient" x1="0" x2="1" y1="0.6426169396834839" y2="0.3573830603165161"><stop offset="0" stop-color="rgb(89, 46, 225)"/><stop offset="1" stop-color="rgb(184, 54, 217)"/></linearGradient></defs><path d="M 25.821 5.178 L 18.619 1.022 C 16.269 -0.341 13.369 -0.341 11.019 1.022 L 3.784 5.178 C 1.46 6.541 0 9.068 0 11.761 L 0 20.106 C 0 22.832 1.46 25.325 3.784 26.688 L 10.986 30.878 C 13.336 32.241 16.236 32.241 18.586 30.878 L 25.788 26.688 C 28.145 25.325 29.572 22.832 29.572 20.106 L 29.572 11.761 C 29.638 9.068 28.178 6.541 25.821 5.178 M 14.802 23.364 C 10.72 23.364 7.401 20.039 7.401 15.95 C 7.401 11.861 10.72 8.536 14.802 8.536 C 18.885 8.536 22.237 11.861 22.237 15.95 C 22.237 20.039 18.918 23.364 14.802 23.364" fill="url(%23pDkFkKjSw-2174161106-linear-gradient)" height="31.89991046439755px" id="pDkFkKjSw" transform="translate(1.215 0)" width="29.573986350847935px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 1.022 12.827 L 19.173 30.978 C 19.438 31.243 19.31 31.693 18.942 31.762 C 18.321 31.878 17.695 31.957 17.065 31.999 C 16.929 32.008 16.796 31.957 16.7 31.86 L 0.14 15.3 C 0.043 15.204 -0.008 15.071 0.001 14.935 C 0.043 14.299 0.123 13.672 0.238 13.058 C 0.307 12.69 0.757 12.562 1.022 12.827 M 0.51 20.176 C 0.389 19.724 0.923 19.439 1.253 19.77 L 12.23 30.747 C 12.561 31.077 12.276 31.611 11.824 31.49 C 6.32 30.014 1.986 25.68 0.51 20.176 M 2.101 8.021 C 2.255 7.754 2.619 7.713 2.837 7.931 L 24.069 29.163 C 24.287 29.381 24.247 29.745 23.979 29.899 C 23.529 30.159 23.066 30.397 22.592 30.612 C 22.413 30.693 22.203 30.652 22.064 30.513 L 1.487 9.936 C 1.348 9.797 1.307 9.587 1.388 9.408 C 1.603 8.934 1.841 8.471 2.101 8.021 M 15.982 0 C 24.829 0 32 7.171 32 16.017 C 32 20.714 29.979 24.938 26.759 27.867 C 26.573 28.037 26.288 28.026 26.11 27.848 L 4.152 5.889 C 3.974 5.712 3.963 5.427 4.132 5.241 C 7.062 2.021 11.286 0 15.982 0" fill="rgb(34, 35, 38)" height="31.999937519458076px" id="zlCkST3i0" transform="translate(0 0)" width="31.999936973997073px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 27.265 27.266 L 22.524 27.266 L 22.524 19.841 C 22.524 18.07 22.492 15.791 20.058 15.791 C 17.589 15.791 17.211 17.72 17.211 19.712 L 17.211 27.265 L 12.469 27.265 L 12.469 11.996 L 17.021 11.996 L 17.021 14.083 L 17.085 14.083 C 18.013 12.496 19.739 11.548 21.576 11.616 C 26.381 11.616 27.267 14.777 27.267 18.889 Z M 7.119 9.909 C 5.6 9.909 4.368 8.677 4.367 7.158 C 4.367 5.638 5.599 4.406 7.118 4.406 C 8.638 4.405 9.87 5.637 9.87 7.157 C 9.871 8.676 8.639 9.908 7.119 9.909 M 9.49 27.266 L 4.744 27.266 L 4.744 11.996 L 9.49 11.996 Z M 29.629 0.002 L 2.361 0.002 C 1.073 -0.012 0.016 1.02 0 2.309 L 0 29.691 C 0.015 30.98 1.072 32.013 2.361 32 L 29.629 32 C 30.921 32.016 31.982 30.982 32 29.691 L 32 2.307 C 31.982 1.016 30.921 -0.017 29.629 0" fill="rgb(10, 102, 194)" height="32.000012304541364px" id="Q7Islg1Wt" transform="translate(0 0)" width="32px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 7.999 0 L 0 5.096 L 7.999 10.193 L 16 5.096 Z M 24 0 L 16 5.097 L 24 10.194 L 32 5.097 Z M 0 15.29 L 7.999 20.387 L 16 15.29 L 7.999 10.194 Z M 24 10.194 L 16 15.291 L 24 20.387 L 32 15.291 Z M 8 22.096 L 16.001 27.193 L 24 22.096 L 16.001 17 Z" fill="rgb(0, 97, 255)" height="27.192875px" id="o9zoPRVei" transform="translate(0 2.375)" width="32.000125px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16.01 0 C 16.914 0.002 17.803 0.078 18.667 0.223 L 18.667 9.537 L 25.271 2.95 C 25.998 3.467 26.682 4.044 27.313 4.674 C 27.946 5.305 28.524 5.987 29.043 6.713 L 22.439 13.3 L 31.779 13.3 C 31.926 14.175 32 15.061 32 15.948 L 32 15.97 C 32 16.873 31.923 17.758 31.779 18.62 L 22.438 18.62 L 29.043 25.205 C 28.525 25.931 27.947 26.613 27.315 27.244 L 27.314 27.244 C 26.682 27.875 26 28.451 25.273 28.968 L 18.667 22.381 L 18.667 31.696 C 17.789 31.842 16.901 31.917 16.012 31.919 L 15.988 31.919 C 15.099 31.917 14.212 31.843 13.335 31.696 L 13.335 22.381 L 6.731 28.968 C 5.272 27.933 3.997 26.661 2.958 25.205 L 9.563 18.62 L 0.223 18.62 C 0.074 17.743 0 16.855 0 15.965 L 0 15.919 C 0.002 15.684 0.017 15.398 0.039 15.102 L 0.046 15.013 C 0.111 14.179 0.223 13.3 0.223 13.3 L 9.563 13.3 L 2.958 6.713 C 3.475 5.987 4.053 5.306 4.685 4.677 L 4.688 4.674 C 5.319 4.043 6.003 3.467 6.731 2.95 L 13.335 9.537 L 13.335 0.223 C 14.213 0.076 15.101 0.001 15.992 0 Z M 16.008 11.97 L 15.993 11.97 C 14.839 11.969 13.694 12.177 12.614 12.583 C 12.208 13.66 12 14.801 12 15.952 L 12 15.967 C 12 17.118 12.209 18.259 12.615 19.336 C 13.695 19.742 14.839 19.949 15.993 19.948 L 16.008 19.948 C 17.197 19.948 18.336 19.731 19.386 19.336 C 19.793 18.259 20.001 17.118 20.001 15.967 L 20.001 15.952 C 20.001 14.766 19.782 13.63 19.386 12.583 C 18.306 12.177 17.162 11.969 16.008 11.97 Z" fill="rgb(255, 74, 0)" height="31.9185px" id="xCKp0pjt6" width="32.00000026783612px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 0 16 C 0 7.163 7.163 0 16 0 C 24.837 0 32 7.163 32 16 C 32 24.837 24.837 32 16 32 C 7.163 32 0 24.837 0 16 Z" fill="rgb(252, 82, 31)" height="32px" id="rnaHkbE2c" width="32px"/><path d="M 14.303 18.834 L 11.754 17.363 L 19.422 12.94 C 19.715 12.771 19.992 12.577 20.251 12.359 C 21.247 13.778 21.345 15.647 20.457 17.186 C 19.648 18.578 18.16 19.436 16.55 19.437 C 15.761 19.437 14.986 19.229 14.303 18.834 Z M 13.689 19.897 C 13.982 20.066 14.289 20.209 14.607 20.324 C 13.875 21.896 12.305 22.914 10.526 22.914 C 8.042 22.914 6.021 20.895 6.021 18.414 L 6.021 9.567 L 9.911 11.812 L 9.911 17.364 C 9.912 17.583 10.029 17.785 10.219 17.895 Z M 4.513 19.436 C 2.904 19.435 1.417 18.578 0.608 17.187 C 0.008 16.154 -0.154 14.924 0.159 13.771 C 0.465 12.616 1.221 11.632 2.258 11.037 L 4.806 9.567 L 4.806 18.412 C 4.806 18.751 4.835 19.088 4.894 19.422 C 4.768 19.432 4.64 19.437 4.513 19.437 M 14.429 8.504 L 10.539 10.748 L 5.727 7.973 C 5.537 7.864 5.303 7.864 5.113 7.973 L 1.643 9.974 C 1.35 10.143 1.072 10.337 0.814 10.555 C -0.182 9.136 -0.28 7.267 0.608 5.728 C 1.417 4.336 2.904 3.479 4.515 3.477 C 5.299 3.477 6.077 3.686 6.762 4.081 Z M 10.525 0 C 13.01 0 15.03 2.019 15.03 4.502 L 15.03 7.443 L 7.364 3.02 C 7.071 2.85 6.763 2.707 6.445 2.592 C 7.177 1.019 8.748 0 10.525 0 M 20.456 5.73 C 21.698 7.879 20.958 10.638 18.807 11.879 L 11.14 16.301 L 11.14 11.813 L 15.952 9.037 C 16.142 8.928 16.259 8.725 16.259 8.506 L 16.259 4.502 C 16.259 4.164 16.229 3.827 16.171 3.495 C 17.911 3.35 19.579 4.22 20.456 5.73" fill="rgb(255, 255, 255)" height="22.914497390747073px" id="jTptQ5Dod" transform="translate(5.467 4.543)" width="21.065234066583002px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 27.107 2.075 C 25.008 1.093 22.788 0.395 20.505 0 C 20.221 0.514 19.889 1.206 19.659 1.756 C 17.198 1.386 14.759 1.386 12.343 1.756 C 12.114 1.206 11.774 0.514 11.487 0 C 9.202 0.395 6.98 1.095 4.88 2.08 C 0.702 8.393 -0.43 14.55 0.136 20.619 C 2.907 22.689 5.592 23.946 8.233 24.769 C 8.889 23.866 9.469 22.911 9.967 21.913 C 9.019 21.552 8.105 21.107 7.236 20.584 C 7.465 20.414 7.688 20.237 7.906 20.054 C 13.171 22.517 18.892 22.517 24.094 20.054 C 24.313 20.236 24.536 20.413 24.764 20.584 C 23.893 21.108 22.978 21.554 22.028 21.915 C 22.529 22.918 23.108 23.874 23.762 24.771 C 26.405 23.949 29.093 22.691 31.864 20.619 C 32.528 13.583 30.729 7.483 27.107 2.074 M 10.684 16.887 C 9.104 16.887 7.807 15.411 7.807 13.614 C 7.807 11.817 9.076 10.339 10.684 10.339 C 12.292 10.339 13.589 11.815 13.561 13.614 C 13.564 15.411 12.293 16.887 10.684 16.887 M 21.316 16.887 C 19.735 16.887 18.439 15.411 18.439 13.614 C 18.439 11.817 19.707 10.339 21.316 10.339 C 22.924 10.339 24.22 11.815 24.192 13.614 C 24.192 15.411 22.924 16.887 21.316 16.887" fill="rgb(88, 101, 242)" height="24.771124999999998px" id="ZCvwwWetL" transform="translate(0 3.56)" width="32.000010485581626px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 6.936 1.897 C 10.605 4.651 14.551 10.236 16 13.232 C 17.449 10.236 21.395 4.651 25.064 1.897 C 27.711 -0.091 32 -1.628 32 3.265 C 32 4.242 31.44 11.474 31.111 12.648 C 29.969 16.73 25.807 17.771 22.104 17.141 C 28.576 18.242 30.222 21.891 26.667 25.539 C 19.914 32.468 16.961 23.801 16.205 21.58 C 16.066 21.173 16.001 20.982 16 21.144 C 15.999 20.982 15.934 21.173 15.795 21.58 C 15.039 23.801 12.086 32.468 5.333 25.539 C 1.778 21.891 3.424 18.242 9.896 17.141 C 6.193 17.771 2.031 16.73 0.889 12.648 C 0.56 11.474 0 4.242 0 3.265 C 0 -1.628 4.289 -0.091 6.936 1.897" fill="rgb(17, 133, 254)" height="28.175684658269994px" id="GF160PK9T" transform="translate(0 1.91)" width="32px"/></svg>)
Unblurred Variant
The unblurred variant allows you to show the entire thing.
Cta Orbit
Orbits bring motion and personality to your site through animated circular layouts. Each orbit contains customizable planets that hold icons or logos, making it perfect for visual storytelling, tech stacks, or partner highlights.
Example
An orbit style that can be used on dark backgrounds
Summary
Orbits is a playful, animated component built for Framer — ideal for tech startups, creative sites, and modern product pages. It features looping circular animations with customizable “planets” that hold icons or logos, letting you highlight tools, partners, or features in a unique and engaging way — all fully responsive and easy to adapt.