A platform for creators
Why Build from Scratch? Start with Grabui.
Latest curated templates
Browse and explore latest Webflow, Framer & Figma templates
Latest sections
Copy and paste the latest Webflow, Framer & Figma sections
Open source icon
Browse and use open sources icons for your projects
![](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.333 0 C 2.119 2.58 0 6.991 0 12 C 0 17.009 2.119 21.42 5.333 24 M 21.333 0 C 24.548 2.58 26.666 6.991 26.666 12 C 26.666 17.009 24.548 21.42 21.333 24" fill="transparent" height="24px" id="QDfFMRCRZ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.5 4)" width="26.666000183105467px"/></svg>)
1st bracket
![](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 15.333 L 0 10 M 25.333 10 L 25.333 15.333 M 25.333 5 L 25.333 4 C 25.333 1.791 23.542 0 21.333 0 L 20.333 0 M 10 0 L 15.333 0 M 5 0 L 4 0 C 1.791 0 0 1.791 0 4 L 0 5 M 25.333 20.333 L 25.333 21.333 C 25.333 23.542 23.542 25.333 21.333 25.333 L 20.333 25.333 M 10 25.333 L 15.333 25.333 M 5 25.333 L 4 25.333 C 1.791 25.333 0 23.542 0 21.333 L 0 20.333" fill="transparent" height="25.33329963684082px" id="tXkGUg1Yi" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(3.333 3.333)" width="25.333290100097656px"/><path d="M 12.666 0 L 12.666 25.333 M 0 12.667 L 25.333 12.667" fill="transparent" height="25.333299999999998px" id="AJT7kNHUC" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(3.333 3.333)" width="25.33269px"/></svg>)
3d-rotate
3d-scale
![](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 5.333 L 2.667 5.333 L 5.333 0 L 10.667 10.667 L 13.333 5.333 L 16 5.333" fill="transparent" height="10.666700000000002px" id="wlz19ENt0" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 10.666)" width="16px"/><path d="M 25.333 2.667 L 25.333 22.667 C 25.333 24.139 24.139 25.333 22.667 25.333 L 2.667 25.333 C 1.194 25.333 0 24.139 0 22.667 L 0 2.667 C 0 1.194 1.194 0 2.667 0 L 22.667 0 C 24.139 0 25.333 1.194 25.333 2.667 Z" fill="transparent" height="25.333299999999998px" id="OoVGtjsHT" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(3.333 3.333)" width="25.333289999999998px"/></svg>)
activity-03
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 26.667 2.667 L 21.333 2.667 L 18.341 0.676 C 17.684 0.235 16.912 0 16.122 0 L 12.99 0 C 11.929 0 10.912 0.424 10.162 1.179 L 6.667 4.694 L 8.136 5.877 C 9.197 6.731 10.727 6.646 11.688 5.679 L 13.333 4.024 L 14.667 4.024 L 22.667 12.072 C 23.403 12.812 23.403 14.013 22.667 14.754 C 21.93 15.495 20.736 15.495 20 14.754 L 19.333 14.083 M 19.333 14.083 L 15.333 10.059 M 19.333 14.083 C 20.07 14.824 20.07 16.025 19.333 16.766 C 18.597 17.507 17.403 17.507 16.667 16.766 L 15.333 15.424 M 15.333 15.425 C 16.07 16.165 16.07 17.366 15.333 18.107 C 14.597 18.848 13.403 18.848 12.667 18.107 L 10.667 16.095 M 15.333 15.425 L 12.667 12.758 M 10.667 16.095 L 10 15.425 M 10.667 16.095 C 11.403 16.836 11.403 18.037 10.667 18.778 C 9.93 19.518 8.736 19.518 8 18.778 L 2.667 13.333 L 0 13.333" fill="transparent" height="19.33329963684082px" id="pRvl7qYXt" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 6.333)" width="26.666709845581053px"/><path d="M 3.333 0 L 0 0" fill="transparent" height="1px" id="PfaDcQYPo" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(26 19.666)" width="3.3333000000000013px"/><path d="M 8.667 0 L 0 0" fill="transparent" height="1px" id="W0oqQo10U" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 9)" width="8.66671px"/></svg>)
agreement-02
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 13.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 L 0 18.667 C 0 20.14 1.194 21.333 2.667 21.333 L 22.667 21.333 C 24.14 21.333 25.333 20.14 25.333 18.667 L 25.333 6.667" fill="transparent" height="21.3333px" id="jZKhQoHCv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 8)" width="25.333309999999997px"/><path d="M 4.667 0 L 5.011 0.929 C 5.462 2.148 5.687 2.757 6.131 3.202 C 6.576 3.646 7.185 3.872 8.404 4.323 L 9.333 4.667 L 8.404 5.011 C 7.185 5.462 6.576 5.687 6.131 6.131 C 5.687 6.576 5.462 7.185 5.011 8.404 L 4.667 9.333 L 4.323 8.404 C 3.872 7.185 3.646 6.576 3.202 6.131 C 2.757 5.687 2.148 5.462 0.929 5.011 L 0 4.667 L 0.929 4.323 C 2.148 3.872 2.757 3.646 3.202 3.202 C 3.646 2.757 3.872 2.148 4.323 0.929 Z" fill="transparent" height="9.333300000000001px" id="tNmvjUfXv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(20 2.667)" width="9.333300000000001px"/><path d="M 0 0 L 0 10.667" fill="transparent" height="10.666699999999999px" id="HUvS4Vzp4" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(16 13.334)" width="1px"/><path d="M 0 0 L 0 5.333" fill="transparent" height="5.333300000000001px" id="fYyCoe2u0" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(12 16)" width="1px"/><path d="M 0 0 L 0 2.667" fill="transparent" height="2.6666999999999987px" id="a4KW__Noe" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 17.334)" width="1px"/><path d="M 0 0 L 0 5.333" fill="transparent" height="5.333300000000001px" id="v7ZhrEw5a" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(20 16)" width="1px"/><path d="M 0 0 L 0 2.667" fill="transparent" height="2.6666999999999987px" id="O7_QpGTmh" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(24 17.334)" width="1px"/></svg>)
ai-audio
![](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.386 2.768 L 18.667 18.667 L 13.348 26.667 L 1.641 10.889 C -2.519 5.308 1.824 0 8.034 0" fill="transparent" height="26.666700000000002px" id="A8wRu3HIj" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 2.667)" width="18.666599621219454px"/><path d="M 10.635 0 C 16.845 0 21.185 5.308 17.025 10.889 L 15.203 13.333 M 17.23 2.709 L 10.636 9.333 M 10.635 19.461 L 5.318 26.667 L 0 18.667 L 6.123 13.333" fill="transparent" height="26.66669963684082px" id="awmlJOml3" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(5.333 2.667)" width="18.666659444200768px"/></svg>)
aids
![](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 13.333 L 0 8 M 6.667 13.333 L 6.667 0 M 13.333 13.333 L 13.333 5.333" fill="transparent" height="13.333300113677977px" id="iQZv2uTzW" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(9.333 9.334)" width="13.333290100097656px"/><path d="M 25.333 2.667 L 25.333 22.667 C 25.333 24.139 24.139 25.333 22.667 25.333 L 2.667 25.333 C 1.194 25.333 0 24.139 0 22.667 L 0 2.667 C 0 1.194 1.194 0 2.667 0 L 22.667 0 C 24.139 0 25.333 1.194 25.333 2.667 Z" fill="transparent" height="25.333299999999998px" id="UvmPFphMD" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(3.333 3.333)" width="25.333289999999998px"/></svg>)
analytics-01
![](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 12 L 0 4 M 6.667 12 L 6.667 0 M 13.333 12 L 13.333 6.667" fill="transparent" height="12px" id="CajySEOp8" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(9.333 12)" width="13.333290100097656px"/><path d="M 8 4 C 8 6.209 6.209 8 4 8 C 1.791 8 0 6.209 0 4 C 0 1.791 1.791 0 4 0 C 6.209 0 8 1.791 8 4 Z" fill="transparent" height="8px" id="ks4xuz_ET" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(20.667 3.333)" width="8px"/><path d="M 13.93 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 L 0 22.667 C 0 24.139 1.194 25.333 2.667 25.333 L 22.667 25.333 C 24.139 25.333 25.333 24.139 25.333 22.667 L 25.333 11.404" fill="transparent" height="25.333299999999998px" id="eAdHVub3_" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(3.333 3.333)" width="25.333289999999998px"/></svg>)
analytics-02
![](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 14.667 C 2.667 14.667 0 12.667 0 8 C 0 2.667 4 0 13.333 0 C 22.667 0 26.666 2.667 26.667 8 C 26.667 12.667 24 14.667 20.667 14.667 C 17.333 14.667 15.333 11.333 13.333 11.333 C 11.333 11.333 9.333 14.667 6 14.667 Z" fill="transparent" height="14.666700000000002px" id="pjv8j4hfq" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 8.666)" width="26.666710077491476px"/></svg>)
apple-vision-pro
![](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 0 L 9.333 0 M 0 5.333 L 4 5.333" fill="transparent" height="5.3333001136779785px" id="rtd9Wwnj0" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(10 9.334)" width="9.333300000000001px"/><path d="M 21.333 10.667 L 21.333 2.667 C 21.333 1.194 20.14 0 18.667 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 L 0 24 C 0 25.473 1.194 26.667 2.667 26.667 L 7.333 26.667" fill="transparent" height="26.666700000000002px" id="BGuRKWjC8" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(4 2.667)" width="21.3333px"/><path d="M 3.996 8 C 3.915 6.052 2.667 4.667 2.667 3.333 C 2.667 1.333 4 0 6 0 C 8 0 9.333 1.333 9.333 3.333 C 9.333 4.667 8.085 6.052 8.004 8 M 12 12 L 0 12 L 0 10.824 C 0 10.319 0.285 9.857 0.737 9.631 L 4 8 L 8 8 L 11.263 9.631 C 11.715 9.857 12 10.319 12 10.824 Z" fill="transparent" height="12px" id="oyv5HURBH" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(16 17.334)" width="12px"/></svg>)
auction
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 14.666 0 C 14.666 0 16 4 16 8 C 16 10.235 15.584 12.262 15.216 13.615 C 14.931 14.668 13.951 15.333 12.861 15.333 L 3.139 15.333 C 2.049 15.333 1.069 14.668 0.784 13.615 C 0.416 12.262 0 10.235 0 8 C 0 4 1.333 0 1.333 0" fill="transparent" height="15.333300000000001px" id="jy5jDiSAB" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 14)" width="16px"/><path d="M 0 0 L 4 0 M 0 5.547 L 4 5.558" fill="transparent" height="5.558499795532224px" id="EMyUtZa71" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(19.333 19.108)" width="4px"/><path d="M 13.333 11.333 L 0 11.333 C 0.06 10.448 0.324 9.273 1.409 8.107 C 2.493 6.941 4.191 7.353 4.642 5.635 C 4.976 4.366 3.494 3.272 4.248 1.644 C 5.005 0.008 6.683 -0.411 8.099 0.404 C 9.123 0.994 9.557 2.303 9.204 3.435 C 8.971 4.181 8.63 4.643 8.705 5.497 C 8.849 7.13 10.648 6.932 11.745 7.983 C 12.428 8.637 13.189 9.307 13.333 11.333 Z" fill="transparent" height="11.333298542349455px" id="qxpFJngwF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(9.333 2.667)" width="13.33329px"/></svg>)
baby-bottle
![](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 21.333 L 0 0 L 5.333 0 L 5.333 21.333 Z" fill="transparent" height="21.333299999999998px" id="X78pdcwmv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(10.667 5.333)" width="5.3332999999999995px"/><path d="M 0 0 L 0 21.333" fill="transparent" height="21.333299999999998px" id="SymxqQhcb" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 5.333)" width="1px"/><path d="M 0 0 L 0 21.333" fill="transparent" height="21.333299999999998px" id="Jvq8OKTXp" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(6.667 5.333)" width="1px"/><path d="M 0 0 L 0 21.333" fill="transparent" height="21.333299999999998px" id="US0KxEGSn" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(20 5.333)" width="1px"/><path d="M 0 21.333 L 0 0 L 5.333 0 L 5.333 21.333 Z" fill="transparent" height="21.333299999999998px" id="OWgLPlEEF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(24 5.333)" width="5.333300000000001px"/></svg>)
bar-code-02
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 9.333 18.667 C 14.488 18.667 18.667 14.488 18.667 9.333 C 18.667 4.179 14.488 0 9.333 0 C 4.179 0 0 4.179 0 9.333" fill="transparent" height="18.666700000000002px" id="zcAQ_bsg4" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(10.667 2.667)" width="18.6667px"/><path d="M 1.158 5.333 C 1.605 3.586 1.191 1.358 0 0" fill="transparent" height="5.3332999999999995px" id="wHlsaKisM" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(24 8)" width="1.3333942493341233px"/><path d="M 0 13.462 L 10.967 3.409 M 10.967 3.409 C 12.903 3.139 14.14 4.43 14.14 6.132 M 10.967 3.409 L 14.14 0.501 C 14.892 -0.189 16.054 -0.163 16.775 0.558 C 17.497 1.28 17.522 2.442 16.832 3.194 L 14.14 6.132 M 3.871 17.333 L 14.14 6.132" fill="transparent" height="17.333314685058596px" id="mjJuSerZN" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 12)" width="17.333374313494875px"/></svg>)
billiard-01
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 4 0 L 4.442 1.195 C 4.847 2.29 5.71 3.153 6.805 3.558 L 8 4 L 6.805 4.442 C 5.71 4.847 4.847 5.71 4.442 6.805 L 4 8 L 3.558 6.805 C 3.153 5.71 2.29 4.847 1.195 4.442 L 0 4 L 1.195 3.558 C 2.29 3.153 3.153 2.29 3.558 1.195 Z" fill="transparent" height="8.00002px" id="NXvNB6Nj7" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(4.114 5.326)" width="8.00004px"/><path d="M 16.051 17.327 C 15.25 23.815 11.241 26.325 9.411 26.67 C 5.904 26.207 3.61 24.488 2.174 22.483 M 16.051 17.327 L 12.023 14.637 M 16.051 17.327 L 19.462 10.659 M 2.174 22.483 C 0.577 20.254 -0.025 17.564 0.001 15.949 C 0.002 15.852 0.106 15.793 0.192 15.837 C 2.211 16.849 6.61 18.281 12.023 14.637 M 2.174 22.483 C 4.962 23.313 8.529 21.954 9.562 21.27 M 12.023 14.637 L 16.031 8.511 M 19.462 10.659 L 23.822 2.286 C 24.221 1.523 23.927 0.579 23.166 0.179 C 22.459 -0.193 21.585 0.031 21.144 0.698 L 16.031 8.511 M 19.462 10.659 L 16.031 8.511" fill="transparent" height="26.67039748535156px" id="MZX0gxhzt" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(4 2.667)" width="23.999945089063797px"/></svg>)
blush-brush-02
border-inner
![](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.327 0 L 5.339 0 M 10.655 0 L 10.667 0 M 0 0 L 0.012 0" fill="transparent" height="1px" id="H3i6506BZ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.66667" stroke="rgb(2, 6, 24)" transform="translate(10.679 14)" width="10.66670027923584px"/><path d="M 0 10.667 C 0 7.715 0.148 4.966 0.403 2.658 C 0.534 1.475 1.48 0.562 2.664 0.451 C 5.692 0.167 9.369 0 13.333 0 C 17.298 0 20.975 0.167 24.003 0.451 C 25.187 0.562 26.133 1.475 26.264 2.658 C 26.519 4.966 26.667 7.715 26.667 10.667 C 26.667 13.618 26.519 16.367 26.264 18.676 C 26.133 19.858 25.188 20.771 24.003 20.883 C 21.146 21.151 17.71 21.314 14 21.332 L 9.607 25.099 C 9.43 25.25 9.206 25.333 8.973 25.333 C 8.436 25.333 8 24.898 8 24.36 L 8 21.229 C 6.073 21.152 4.277 21.034 2.664 20.883 C 1.48 20.772 0.534 19.858 0.403 18.676 C 0.148 16.367 0 13.618 0 10.667 Z" fill="transparent" height="25.333299999999998px" id="pY_Ys9Drj" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 3.333)" width="26.666710000000002px"/></svg>)
chat
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 10.667 0 L 0 11.333" fill="transparent" height="11.333290000000002px" id="dZAcao5SD" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(17.333 4)" width="10.666700000000002px"/><path d="M 11.333 0 C 8 2 4 2 0 0.785 C 0.667 9.375 4.672 12.679 10.012 14.001 C 10.012 14.001 14.667 10 14.667 3.333 Z" fill="transparent" height="14.0007px" id="Jz8DQ9EY1" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(4 13.999)" width="14.666699999999999px"/><path d="M 0 2.595 C 0 2.595 4 3.333 7.333 0" fill="transparent" height="2.664754955624513px" id="pCNvL_x2E" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(6 19.332)" width="7.3332999999999995px"/><path d="M 3.333 1.667 C 3.333 2.587 2.587 3.333 1.667 3.333 C 0.746 3.333 0 2.587 0 1.667 C 0 0.746 0.746 0 1.667 0 C 2.587 0 3.333 0.746 3.333 1.667 Z" fill="transparent" height="3.3332900000000008px" id="KH2YFyxhO" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 8)" width="3.3332999999999995px"/><path d="M 0 0 L 0 0.133" fill="transparent" height="1px" id="c9Bvhm1nN" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.66667" stroke="rgb(2, 6, 24)" transform="translate(14.667 5.333)" width="1px"/></svg>)
clean
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 20.667 19.668 C 23.98 19.668 26.667 17.026 26.667 13.767 C 26.667 10.509 23.98 7.867 20.667 7.867 L 20.637 7.867 M 20.637 7.867 C 20.657 7.651 20.667 7.433 20.667 7.212 C 20.667 3.229 17.384 0 13.333 0 C 9.498 0 6.35 2.896 6.027 6.586 M 20.637 7.867 C 20.5 9.355 19.905 10.712 18.99 11.801 M 6.027 6.586 C 2.645 6.902 0 9.703 0 13.112 C 0 20.199 11.831 22.347 15.643 17.045 C 16.662 15.314 15.299 13.112 13.333 13.112 C 11.861 13.112 10.667 14.286 10.667 15.734 M 6.027 6.586 C 6.238 6.566 6.451 6.556 6.667 6.556 C 8.168 6.556 9.553 7.044 10.667 7.867" fill="transparent" height="20.000025238008057px" id="BsocAVUdz" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 3.333)" width="26.666710302734376px"/><path d="M 13.538 3.886 C 13.731 3.96 13.938 4 14.154 4 C 15.173 4 16 3.105 16 2 C 16 0.896 15.173 0 14.154 0 C 13.792 0 13.454 0.113 13.169 0.308 C 11.754 1.363 9.133 2.717 6.154 3.068 M 2.462 2.925 C 1.637 2.751 0.812 2.472 0 2.064" fill="transparent" height="4px" id="DkWU1sdRp" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(5.333 24.666)" width="15.999989997100828px"/><path d="M 0 0 C 0.344 0 1.274 0 2.667 0" fill="transparent" height="1px" id="bvJXUKE1n" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(25.333 27.334)" width="2.6667000000000023px"/></svg>)
cloud-fast-wind
![](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 0 C 3.049 0 8.128 0 6.268 6.628 M 6.268 6.628 C 4.489 6.849 2.032 7.333 1.355 4 M 6.268 6.628 L 6.389 7.601 C 6.627 9.497 5.816 11.374 4.263 12.52 L 1.355 14.667" fill="transparent" height="14.66670012359619px" id="ZHlFUQ3sO" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(22.667 4)" width="6.666688110911458px"/><path d="M 6.667 0 C 3.618 0 -1.461 0 0.399 6.628 M 0.399 6.628 C 2.178 6.849 4.635 7.333 5.312 4 M 0.399 6.628 L 0.277 7.601 C 0.04 9.497 0.851 11.374 2.404 12.52 L 5.312 14.667" fill="transparent" height="14.66670012359619px" id="j63XA3GYw" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 4)" width="6.666669285338733px"/><path d="M 8.694 14.245 C 11.316 12.65 16 9.694 16 6.919 C 16 2.334 12.418 0 8 0 C 3.582 0 0 2.334 0 6.919 C 0 9.694 4.684 12.65 7.306 14.245 C 7.733 14.505 8.267 14.505 8.694 14.245 Z" fill="transparent" height="14.439749999999997px" id="WzbAMPpgX" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(8 13.334)" width="16px"/><path d="M 0.122 3.188 C -0.142 3.673 0.036 4.28 0.521 4.545 C 1.006 4.809 1.614 4.63 1.878 4.146 Z M 21.456 4.146 C 21.72 4.63 22.327 4.809 22.812 4.545 C 23.297 4.28 23.476 3.673 23.211 3.188 Z M 7.667 0 C 6.713 0 5.281 -0.005 3.893 0.368 C 2.478 0.747 1.02 1.542 0.122 3.188 L 1.878 4.146 C 2.435 3.125 3.341 2.586 4.411 2.299 C 5.507 2.005 6.682 2 7.667 2 Z M 15.667 2 C 16.652 2 17.826 2.005 18.923 2.299 C 19.993 2.586 20.899 3.125 21.456 4.146 L 23.211 3.188 C 22.314 1.542 20.856 0.747 19.441 0.368 C 18.053 -0.005 16.621 0 15.667 0 Z" fill="rgb(2, 6, 24)" height="4.666878662484371px" id="qxZUcvzSn" transform="translate(4.333 24.333)" width="23.333719899675263px"/><path d="M 5.333 2.667 C 4 2.667 1.333 2 0 0 M 21.333 2.667 C 22.667 2.667 25.333 2 26.667 0" fill="transparent" height="2.6666999999999987px" id="qNprZHJ2H" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(2.667 19.334)" width="26.666709173583985px"/><path d="M 6 2 L 6.667 0 M 0.667 2 L 0 0" fill="transparent" height="2px" id="AnCMZVNG2" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(12.667 11.334)" width="6.666699999999999px"/></svg>)
crap
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 4 9.333 C 1.723 9.984 0 12.299 0 14.667 M 4 9.333 C 6.627 8.583 12.036 8.334 13.102 5.343 M 4 9.333 C 4 4 9.333 5.333 9.333 0 C 12.063 0 14.004 2.814 13.102 5.343 M 13.102 5.343 C 15.272 5.157 16.726 7.651 15.58 9.438 M 15.58 9.438 C 15.215 10.007 14.615 10.47 14 10.825 M 15.58 9.438 C 18.189 10.047 18.667 12.392 18.667 14.667" fill="transparent" height="14.666699725341799px" id="iXTxeBLaf" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(6.667 2.667)" width="18.66670973510742px"/><path d="M 5.653 12 L 15.68 12 C 16.693 12 17.618 11.426 18.068 10.519 L 19.544 7.545 C 20.326 5.971 21.333 4.415 21.333 2.598 C 21.333 -0.866 16 -0.866 16 2.598 C 16 -0.866 10.667 -0.866 10.667 2.598 C 10.667 -0.866 5.333 -0.866 5.333 2.598 C 5.333 -0.866 0 -0.866 0 2.598 C 0 4.415 1.007 5.971 1.789 7.545 L 3.265 10.519 C 3.715 11.426 4.641 12 5.653 12 Z" fill="transparent" height="12px" id="opieibPrk" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(2, 6, 24)" transform="translate(5.333 17.334)" width="21.333289999999998px"/></svg>)
cupcake-02
All the section categories
Copy and paste the latest Webflow, Framer & Figma UI components
Access unique design assets crafted by top-tier artists and designers from around the world.
Enjoy freebies and special discounts on selected products, updated regularly.
Unlimited Downloads
Join Grabui for instant access to all design resources.
Student Discounts
Enjoy a 50% discount on product & subscriptions if you’re a student.
Crafted for Creators
The creators library of section, templates, icons & template.
5K other people already joined
