![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 75 54" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="jJs10ZxYj-2562363680-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 0, 0)"/><stop offset="1" stop-color="rgb(219, 123, 123)"/></linearGradient><filter filter-units="objectBoundingBox" height="141.2%" id="jJs10ZxYj-2562363680-shadow-outset" width="126.5%" x="-13.2%" y="-20.6%"><feOffset dx="0" dy="0" in="SourceAlpha" result="jJs10ZxYj-2562363680-shadow-outset-0-offset"/><feGaussianBlur in="jJs10ZxYj-2562363680-shadow-outset-0-offset" result="jJs10ZxYj-2562363680-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(243, 41, 41)" result="jJs10ZxYj-2562363680-shadow-outset-0-flood"/><feComposite in="jJs10ZxYj-2562363680-shadow-outset-0-flood" in2="jJs10ZxYj-2562363680-shadow-outset-0-blur" operator="in" result="jJs10ZxYj-2562363680-shadow-outset-0"/></filter><path d="M 19.536 1.958 C 21.044 -0.653 24.814 -0.653 26.321 1.958 L 39.198 24.261 C 39.7 25.131 40.956 25.131 41.459 24.261 L 46.264 15.943 C 47.37 14.029 50.133 14.029 51.238 15.943 L 63.075 36.437 C 64.181 38.352 62.799 40.746 60.588 40.747 L 42.045 40.747 L 41.934 40.75 L 3.923 40.75 C 0.908 40.75 -0.977 37.486 0.531 34.874 Z" id="jJs10ZxYj-2562363680" transform="translate(7.5 7)"/><linearGradient id="CNayrnSBA-2562363680-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 0, 0)"/><stop offset="1" stop-color="rgb(219, 123, 123)"/></linearGradient><filter filter-units="objectBoundingBox" height="267.4%" id="CNayrnSBA-2562363680-shadow-outset" width="267.4%" x="-83.7%" y="-83.7%"><feOffset dx="0" dy="0" in="SourceAlpha" result="CNayrnSBA-2562363680-shadow-outset-0-offset"/><feGaussianBlur in="CNayrnSBA-2562363680-shadow-outset-0-offset" result="CNayrnSBA-2562363680-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(243, 41, 41)" result="CNayrnSBA-2562363680-shadow-outset-0-flood"/><feComposite in="CNayrnSBA-2562363680-shadow-outset-0-flood" in2="CNayrnSBA-2562363680-shadow-outset-0-blur" operator="in" result="CNayrnSBA-2562363680-shadow-outset-0"/></filter><path d="M 0 5.019 C 0 2.247 2.247 0 5.019 0 C 7.791 0 10.038 2.247 10.038 5.019 C 10.038 7.791 7.791 10.038 5.019 10.038 C 2.247 10.038 0 7.791 0 5.019 Z" id="CNayrnSBA-2562363680" transform="translate(60 5.5)"/><linearGradient id="HEyP8PgfG-2562363680-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 0, 0)"/><stop offset="1" stop-color="rgb(219, 123, 123)"/></linearGradient><filter filter-units="objectBoundingBox" height="252.7%" id="HEyP8PgfG-2562363680-shadow-outset" width="252.7%" x="-76.4%" y="-76.4%"><feOffset dx="0" dy="0" in="SourceAlpha" result="HEyP8PgfG-2562363680-shadow-outset-0-offset"/><feGaussianBlur in="HEyP8PgfG-2562363680-shadow-outset-0-offset" result="HEyP8PgfG-2562363680-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(243, 41, 41)" result="HEyP8PgfG-2562363680-shadow-outset-0-flood"/><feComposite in="HEyP8PgfG-2562363680-shadow-outset-0-flood" in2="HEyP8PgfG-2562363680-shadow-outset-0-blur" operator="in" result="HEyP8PgfG-2562363680-shadow-outset-0"/></filter><path d="M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" id="HEyP8PgfG-2562363680"/></defs><g d="M 27.036 8.958 C 28.544 6.347 32.314 6.347 33.821 8.958 L 46.698 31.261 C 47.2 32.131 48.456 32.131 48.959 31.261 L 53.764 22.943 C 54.87 21.029 57.633 21.029 58.738 22.943 L 70.575 43.437 C 71.681 45.352 70.299 47.746 68.088 47.747 L 49.545 47.747 L 49.434 47.75 L 11.423 47.75 C 8.408 47.75 6.523 44.486 8.031 41.874 Z M 60 10.519 C 60 7.747 62.247 5.5 65.019 5.5 C 67.791 5.5 70.038 7.747 70.038 10.519 C 70.038 13.291 67.791 15.538 65.019 15.538 C 62.247 15.538 60 13.291 60 10.519 Z M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" fill="transparent" height="47.75025000000028px" id="C6Qp7UsiT" transform="translate(2 3)" width="70.9641049758288px"><mask height="141.2%" id="jJs10ZxYj-2562363680-shadow-mask" width="126.5%" x="-13.2%" y="-20.6%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23jJs10ZxYj-2562363680"/></mask><g filter="url(%23jJs10ZxYj-2562363680-shadow-outset)" mask="url(%23jJs10ZxYj-2562363680-shadow-mask)"><use fill="black" href="%23jJs10ZxYj-2562363680" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23jJs10ZxYj-2562363680-linear-gradient)" height="40.75025000000028px" href="%23jJs10ZxYj-2562363680" id="jJs10ZxYj" width="63.46410497582838px"/><mask height="267.4%" id="CNayrnSBA-2562363680-shadow-mask" width="267.4%" x="-83.7%" y="-83.7%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23CNayrnSBA-2562363680"/></mask><g filter="url(%23CNayrnSBA-2562363680-shadow-outset)" mask="url(%23CNayrnSBA-2562363680-shadow-mask)"><use fill="black" href="%23CNayrnSBA-2562363680" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23CNayrnSBA-2562363680-linear-gradient)" height="10.038000000000011px" href="%23CNayrnSBA-2562363680" id="CNayrnSBA" width="10.038000000000011px"/><mask height="252.7%" id="HEyP8PgfG-2562363680-shadow-mask" width="252.7%" x="-76.4%" y="-76.4%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23HEyP8PgfG-2562363680"/></mask><g filter="url(%23HEyP8PgfG-2562363680-shadow-outset)" mask="url(%23HEyP8PgfG-2562363680-shadow-mask)"><use fill="black" href="%23HEyP8PgfG-2562363680" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23HEyP8PgfG-2562363680-linear-gradient)" height="11px" href="%23HEyP8PgfG-2562363680" id="HEyP8PgfG" width="11px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 75 54" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="RQsmh0V0y-3296152127-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(7, 74, 252)"/><stop offset="1" stop-color="rgb(91, 238, 230)"/></linearGradient><filter filter-units="objectBoundingBox" height="141.6%" id="RQsmh0V0y-3296152127-shadow-outset" width="126.9%" x="-13.4%" y="-20.8%"><feOffset dx="0" dy="0" in="SourceAlpha" result="RQsmh0V0y-3296152127-shadow-outset-0-offset"/><feGaussianBlur in="RQsmh0V0y-3296152127-shadow-outset-0-offset" result="RQsmh0V0y-3296152127-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(49, 156, 241)" result="RQsmh0V0y-3296152127-shadow-outset-0-flood"/><feComposite in="RQsmh0V0y-3296152127-shadow-outset-0-flood" in2="RQsmh0V0y-3296152127-shadow-outset-0-blur" operator="in" result="RQsmh0V0y-3296152127-shadow-outset-0"/></filter><path d="M 19.249 1.94 C 20.735 -0.647 24.449 -0.647 25.934 1.94 L 38.622 24.04 C 39.117 24.902 40.354 24.902 40.85 24.04 L 45.584 15.799 C 46.674 13.902 49.396 13.902 50.485 15.799 L 62.149 36.107 C 63.238 38.004 61.878 40.377 59.698 40.377 L 41.408 40.377 L 41.318 40.379 L 3.865 40.379 C 0.895 40.379 -0.962 37.145 0.522 34.558 Z" id="RQsmh0V0y-3296152127" transform="translate(7.39 6.936)"/><linearGradient id="fuu1OAqS4-3296152127-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(7, 74, 252)"/><stop offset="1" stop-color="rgb(91, 238, 230)"/></linearGradient><filter filter-units="objectBoundingBox" height="268.9%" id="fuu1OAqS4-3296152127-shadow-outset" width="269.9%" x="-84.9%" y="-84.4%"><feOffset dx="0" dy="0" in="SourceAlpha" result="fuu1OAqS4-3296152127-shadow-outset-0-offset"/><feGaussianBlur in="fuu1OAqS4-3296152127-shadow-outset-0-offset" result="fuu1OAqS4-3296152127-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(49, 156, 241)" result="fuu1OAqS4-3296152127-shadow-outset-0-flood"/><feComposite in="fuu1OAqS4-3296152127-shadow-outset-0-flood" in2="fuu1OAqS4-3296152127-shadow-outset-0-blur" operator="in" result="fuu1OAqS4-3296152127-shadow-outset-0"/></filter><path d="M 0 4.973 C 0 2.227 2.214 0 4.945 0 C 7.677 0 9.891 2.227 9.891 4.973 C 9.891 7.72 7.677 9.947 4.945 9.947 C 2.214 9.947 0 7.72 0 4.973 Z" id="fuu1OAqS4-3296152127" transform="translate(59.119 5.45)"/><linearGradient id="mWrGTyARw-3296152127-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(7, 74, 252)"/><stop offset="1" stop-color="rgb(91, 238, 230)"/></linearGradient><filter filter-units="objectBoundingBox" height="254.1%" id="mWrGTyARw-3296152127-shadow-outset" width="255.0%" x="-77.5%" y="-77.1%"><feOffset dx="0" dy="0" in="SourceAlpha" result="mWrGTyARw-3296152127-shadow-outset-0-offset"/><feGaussianBlur in="mWrGTyARw-3296152127-shadow-outset-0-offset" result="mWrGTyARw-3296152127-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(49, 156, 241)" result="mWrGTyARw-3296152127-shadow-outset-0-flood"/><feComposite in="mWrGTyARw-3296152127-shadow-outset-0-flood" in2="mWrGTyARw-3296152127-shadow-outset-0-blur" operator="in" result="mWrGTyARw-3296152127-shadow-outset-0"/></filter><path d="M 5.419 0 L 6.608 4.255 L 10.839 5.45 L 6.608 6.645 L 5.419 10.9 L 4.231 6.645 L 0 5.45 L 4.231 4.255 Z" id="mWrGTyARw-3296152127"/></defs><g d="M 26.639 8.876 C 28.125 6.29 31.839 6.29 33.324 8.876 L 46.012 30.977 C 46.507 31.839 47.744 31.839 48.24 30.977 L 52.974 22.735 C 54.064 20.838 56.786 20.838 57.875 22.735 L 69.538 43.043 C 70.628 44.941 69.267 47.314 67.088 47.314 L 48.798 47.314 L 48.708 47.316 L 11.255 47.316 C 8.285 47.316 6.427 44.081 7.912 41.494 Z M 59.119 10.423 C 59.119 7.677 61.334 5.45 64.065 5.45 C 66.796 5.45 69.01 7.677 69.01 10.423 C 69.01 13.17 66.796 15.397 64.065 15.397 C 61.334 15.397 59.119 13.17 59.119 10.423 Z M 5.419 0 L 6.608 4.255 L 10.839 5.45 L 6.608 6.645 L 5.419 10.9 L 4.231 6.645 L 0 5.45 L 4.231 4.255 Z" fill="transparent" height="47.31578927349813px" id="SbJlSVmwA" transform="translate(3 3)" width="69.92222229648884px"><mask height="141.6%" id="RQsmh0V0y-3296152127-shadow-mask" width="126.9%" x="-13.4%" y="-20.8%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23RQsmh0V0y-3296152127"/></mask><g filter="url(%23RQsmh0V0y-3296152127-shadow-outset)" mask="url(%23RQsmh0V0y-3296152127-shadow-mask)"><use fill="black" href="%23RQsmh0V0y-3296152127" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23RQsmh0V0y-3296152127-linear-gradient)" height="40.37937074017294px" href="%23RQsmh0V0y-3296152127" id="RQsmh0V0y" width="62.532292525065486px"/><mask height="268.9%" id="fuu1OAqS4-3296152127-shadow-mask" width="269.9%" x="-84.9%" y="-84.4%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23fuu1OAqS4-3296152127"/></mask><g filter="url(%23fuu1OAqS4-3296152127-shadow-outset)" mask="url(%23fuu1OAqS4-3296152127-shadow-mask)"><use fill="black" href="%23fuu1OAqS4-3296152127" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23fuu1OAqS4-3296152127-linear-gradient)" height="9.946824463855027px" href="%23fuu1OAqS4-3296152127" id="fuu1OAqS4" width="9.890681906674715px"/><mask height="254.1%" id="mWrGTyARw-3296152127-shadow-mask" width="255.0%" x="-77.5%" y="-77.1%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23mWrGTyARw-3296152127"/></mask><g filter="url(%23mWrGTyARw-3296152127-shadow-outset)" mask="url(%23mWrGTyARw-3296152127-shadow-mask)"><use fill="black" href="%23mWrGTyARw-3296152127" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23mWrGTyARw-3296152127-linear-gradient)" height="10.900086581231841px" href="%23mWrGTyARw-3296152127" id="mWrGTyARw" width="10.83856355583021px"/></g></svg>)
Framer UI Kit
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 75 54" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="ofEEvEnXe-715268297-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(220, 255, 43)"/><stop offset="1" stop-color="rgb(255, 253, 194)"/></linearGradient><filter filter-units="objectBoundingBox" height="141.2%" id="ofEEvEnXe-715268297-shadow-outset" width="126.5%" x="-13.2%" y="-20.6%"><feOffset dx="0" dy="0" in="SourceAlpha" result="ofEEvEnXe-715268297-shadow-outset-0-offset"/><feGaussianBlur in="ofEEvEnXe-715268297-shadow-outset-0-offset" result="ofEEvEnXe-715268297-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(235, 254, 107)" result="ofEEvEnXe-715268297-shadow-outset-0-flood"/><feComposite in="ofEEvEnXe-715268297-shadow-outset-0-flood" in2="ofEEvEnXe-715268297-shadow-outset-0-blur" operator="in" result="ofEEvEnXe-715268297-shadow-outset-0"/></filter><path d="M 19.536 1.958 C 21.044 -0.653 24.814 -0.653 26.321 1.958 L 39.198 24.261 C 39.7 25.131 40.956 25.131 41.459 24.261 L 46.264 15.943 C 47.37 14.029 50.133 14.029 51.238 15.943 L 63.075 36.437 C 64.181 38.352 62.799 40.746 60.588 40.747 L 42.045 40.747 L 41.934 40.75 L 3.923 40.75 C 0.908 40.75 -0.977 37.486 0.531 34.874 Z" id="ofEEvEnXe-715268297" transform="translate(7.5 7)"/><linearGradient id="Wb9kQ1zhF-715268297-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(220, 255, 43)"/><stop offset="1" stop-color="rgb(255, 253, 194)"/></linearGradient><filter filter-units="objectBoundingBox" height="267.4%" id="Wb9kQ1zhF-715268297-shadow-outset" width="267.4%" x="-83.7%" y="-83.7%"><feOffset dx="0" dy="0" in="SourceAlpha" result="Wb9kQ1zhF-715268297-shadow-outset-0-offset"/><feGaussianBlur in="Wb9kQ1zhF-715268297-shadow-outset-0-offset" result="Wb9kQ1zhF-715268297-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(235, 254, 107)" result="Wb9kQ1zhF-715268297-shadow-outset-0-flood"/><feComposite in="Wb9kQ1zhF-715268297-shadow-outset-0-flood" in2="Wb9kQ1zhF-715268297-shadow-outset-0-blur" operator="in" result="Wb9kQ1zhF-715268297-shadow-outset-0"/></filter><path d="M 0 5.019 C 0 2.247 2.247 0 5.019 0 C 7.791 0 10.038 2.247 10.038 5.019 C 10.038 7.791 7.791 10.038 5.019 10.038 C 2.247 10.038 0 7.791 0 5.019 Z" id="Wb9kQ1zhF-715268297" transform="translate(60 5.5)"/><linearGradient id="GKwqnIWzz-715268297-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(220, 255, 43)"/><stop offset="1" stop-color="rgb(255, 253, 194)"/></linearGradient><filter filter-units="objectBoundingBox" height="252.7%" id="GKwqnIWzz-715268297-shadow-outset" width="252.7%" x="-76.4%" y="-76.4%"><feOffset dx="0" dy="0" in="SourceAlpha" result="GKwqnIWzz-715268297-shadow-outset-0-offset"/><feGaussianBlur in="GKwqnIWzz-715268297-shadow-outset-0-offset" result="GKwqnIWzz-715268297-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(235, 254, 107)" result="GKwqnIWzz-715268297-shadow-outset-0-flood"/><feComposite in="GKwqnIWzz-715268297-shadow-outset-0-flood" in2="GKwqnIWzz-715268297-shadow-outset-0-blur" operator="in" result="GKwqnIWzz-715268297-shadow-outset-0"/></filter><path d="M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" id="GKwqnIWzz-715268297"/></defs><g d="M 27.036 8.958 C 28.544 6.347 32.314 6.347 33.821 8.958 L 46.698 31.261 C 47.2 32.131 48.456 32.131 48.959 31.261 L 53.764 22.943 C 54.87 21.029 57.633 21.029 58.738 22.943 L 70.575 43.437 C 71.681 45.352 70.299 47.746 68.088 47.747 L 49.545 47.747 L 49.434 47.75 L 11.423 47.75 C 8.408 47.75 6.523 44.486 8.031 41.874 Z M 60 10.519 C 60 7.747 62.247 5.5 65.019 5.5 C 67.791 5.5 70.038 7.747 70.038 10.519 C 70.038 13.291 67.791 15.538 65.019 15.538 C 62.247 15.538 60 13.291 60 10.519 Z M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" fill="transparent" height="47.75025000000028px" id="q8be2U67v" transform="translate(2 3)" width="70.9641049758288px"><mask height="141.2%" id="ofEEvEnXe-715268297-shadow-mask" width="126.5%" x="-13.2%" y="-20.6%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23ofEEvEnXe-715268297"/></mask><g filter="url(%23ofEEvEnXe-715268297-shadow-outset)" mask="url(%23ofEEvEnXe-715268297-shadow-mask)"><use fill="black" href="%23ofEEvEnXe-715268297" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23ofEEvEnXe-715268297-linear-gradient)" height="40.75025000000028px" href="%23ofEEvEnXe-715268297" id="ofEEvEnXe" width="63.46410497582838px"/><mask height="267.4%" id="Wb9kQ1zhF-715268297-shadow-mask" width="267.4%" x="-83.7%" y="-83.7%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23Wb9kQ1zhF-715268297"/></mask><g filter="url(%23Wb9kQ1zhF-715268297-shadow-outset)" mask="url(%23Wb9kQ1zhF-715268297-shadow-mask)"><use fill="black" href="%23Wb9kQ1zhF-715268297" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23Wb9kQ1zhF-715268297-linear-gradient)" height="10.038000000000011px" href="%23Wb9kQ1zhF-715268297" id="Wb9kQ1zhF" width="10.038000000000011px"/><mask height="252.7%" id="GKwqnIWzz-715268297-shadow-mask" width="252.7%" x="-76.4%" y="-76.4%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23GKwqnIWzz-715268297"/></mask><g filter="url(%23GKwqnIWzz-715268297-shadow-outset)" mask="url(%23GKwqnIWzz-715268297-shadow-mask)"><use fill="black" href="%23GKwqnIWzz-715268297" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23GKwqnIWzz-715268297-linear-gradient)" height="11px" href="%23GKwqnIWzz-715268297" id="GKwqnIWzz" width="11px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 75 54" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="fTwfTveNO-2294465790-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(254, 36, 6)"/><stop offset="1" stop-color="rgb(254, 173, 0)"/></linearGradient><filter filter-units="objectBoundingBox" height="141.2%" id="fTwfTveNO-2294465790-shadow-outset" width="126.5%" x="-13.2%" y="-20.6%"><feOffset dx="0" dy="0" in="SourceAlpha" result="fTwfTveNO-2294465790-shadow-outset-0-offset"/><feGaussianBlur in="fTwfTveNO-2294465790-shadow-outset-0-offset" result="fTwfTveNO-2294465790-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(254, 88, 4)" result="fTwfTveNO-2294465790-shadow-outset-0-flood"/><feComposite in="fTwfTveNO-2294465790-shadow-outset-0-flood" in2="fTwfTveNO-2294465790-shadow-outset-0-blur" operator="in" result="fTwfTveNO-2294465790-shadow-outset-0"/></filter><path d="M 19.536 1.958 C 21.044 -0.653 24.814 -0.653 26.321 1.958 L 39.198 24.261 C 39.7 25.131 40.956 25.131 41.459 24.261 L 46.264 15.943 C 47.37 14.029 50.133 14.029 51.238 15.943 L 63.075 36.437 C 64.181 38.352 62.799 40.746 60.588 40.747 L 42.045 40.747 L 41.934 40.75 L 3.923 40.75 C 0.908 40.75 -0.977 37.486 0.531 34.874 Z" id="fTwfTveNO-2294465790" transform="translate(7.5 7)"/><linearGradient id="X3VXjyJTz-2294465790-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(254, 36, 6)"/><stop offset="1" stop-color="rgb(254, 173, 0)"/></linearGradient><filter filter-units="objectBoundingBox" height="267.4%" id="X3VXjyJTz-2294465790-shadow-outset" width="267.4%" x="-83.7%" y="-83.7%"><feOffset dx="0" dy="0" in="SourceAlpha" result="X3VXjyJTz-2294465790-shadow-outset-0-offset"/><feGaussianBlur in="X3VXjyJTz-2294465790-shadow-outset-0-offset" result="X3VXjyJTz-2294465790-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(254, 88, 4)" result="X3VXjyJTz-2294465790-shadow-outset-0-flood"/><feComposite in="X3VXjyJTz-2294465790-shadow-outset-0-flood" in2="X3VXjyJTz-2294465790-shadow-outset-0-blur" operator="in" result="X3VXjyJTz-2294465790-shadow-outset-0"/></filter><path d="M 0 5.019 C 0 2.247 2.247 0 5.019 0 C 7.791 0 10.038 2.247 10.038 5.019 C 10.038 7.791 7.791 10.038 5.019 10.038 C 2.247 10.038 0 7.791 0 5.019 Z" id="X3VXjyJTz-2294465790" transform="translate(60 5.5)"/><linearGradient id="ZhUa0wsxr-2294465790-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(254, 36, 6)"/><stop offset="1" stop-color="rgb(254, 173, 0)"/></linearGradient><filter filter-units="objectBoundingBox" height="252.7%" id="ZhUa0wsxr-2294465790-shadow-outset" width="252.7%" x="-76.4%" y="-76.4%"><feOffset dx="0" dy="0" in="SourceAlpha" result="ZhUa0wsxr-2294465790-shadow-outset-0-offset"/><feGaussianBlur in="ZhUa0wsxr-2294465790-shadow-outset-0-offset" result="ZhUa0wsxr-2294465790-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(254, 88, 4)" result="ZhUa0wsxr-2294465790-shadow-outset-0-flood"/><feComposite in="ZhUa0wsxr-2294465790-shadow-outset-0-flood" in2="ZhUa0wsxr-2294465790-shadow-outset-0-blur" operator="in" result="ZhUa0wsxr-2294465790-shadow-outset-0"/></filter><path d="M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" id="ZhUa0wsxr-2294465790"/></defs><g d="M 27.036 8.958 C 28.544 6.347 32.314 6.347 33.821 8.958 L 46.698 31.261 C 47.2 32.131 48.456 32.131 48.959 31.261 L 53.764 22.943 C 54.87 21.029 57.633 21.029 58.738 22.943 L 70.575 43.437 C 71.681 45.352 70.299 47.746 68.088 47.747 L 49.545 47.747 L 49.434 47.75 L 11.423 47.75 C 8.408 47.75 6.523 44.486 8.031 41.874 Z M 60 10.519 C 60 7.747 62.247 5.5 65.019 5.5 C 67.791 5.5 70.038 7.747 70.038 10.519 C 70.038 13.291 67.791 15.538 65.019 15.538 C 62.247 15.538 60 13.291 60 10.519 Z M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" fill="transparent" height="47.75025000000028px" id="O5SzCz095" width="70.9641049758288px"><mask height="141.2%" id="fTwfTveNO-2294465790-shadow-mask" width="126.5%" x="-13.2%" y="-20.6%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23fTwfTveNO-2294465790"/></mask><g filter="url(%23fTwfTveNO-2294465790-shadow-outset)" mask="url(%23fTwfTveNO-2294465790-shadow-mask)"><use fill="black" href="%23fTwfTveNO-2294465790" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23fTwfTveNO-2294465790-linear-gradient)" height="40.75025000000028px" href="%23fTwfTveNO-2294465790" id="fTwfTveNO" width="63.46410497582838px"/><mask height="267.4%" id="X3VXjyJTz-2294465790-shadow-mask" width="267.4%" x="-83.7%" y="-83.7%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23X3VXjyJTz-2294465790"/></mask><g filter="url(%23X3VXjyJTz-2294465790-shadow-outset)" mask="url(%23X3VXjyJTz-2294465790-shadow-mask)"><use fill="black" href="%23X3VXjyJTz-2294465790" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23X3VXjyJTz-2294465790-linear-gradient)" height="10.038000000000011px" href="%23X3VXjyJTz-2294465790" id="X3VXjyJTz" width="10.038000000000011px"/><mask height="252.7%" id="ZhUa0wsxr-2294465790-shadow-mask" width="252.7%" x="-76.4%" y="-76.4%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23ZhUa0wsxr-2294465790"/></mask><g filter="url(%23ZhUa0wsxr-2294465790-shadow-outset)" mask="url(%23ZhUa0wsxr-2294465790-shadow-mask)"><use fill="black" href="%23ZhUa0wsxr-2294465790" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23ZhUa0wsxr-2294465790-linear-gradient)" height="11px" href="%23ZhUa0wsxr-2294465790" id="ZhUa0wsxr" width="11px"/></g></svg>)
Pricing
One Kit.
Faster Ships.
Stop building from scratch. Deliver agency-quality polish and lightning-fast speed to every Framer project.
FAQ
Your Questions
Answered
Everything you need to know about Light UI, the section library, and how to supercharge your Framer workflow.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 75 54" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="PDEOS7v8w-2098152620-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(108, 255, 40)"/><stop offset="1" stop-color="rgb(222, 255, 159)"/></linearGradient><filter filter-units="objectBoundingBox" height="141.2%" id="PDEOS7v8w-2098152620-shadow-outset" width="126.5%" x="-13.2%" y="-20.6%"><feOffset dx="0" dy="0" in="SourceAlpha" result="PDEOS7v8w-2098152620-shadow-outset-0-offset"/><feGaussianBlur in="PDEOS7v8w-2098152620-shadow-outset-0-offset" result="PDEOS7v8w-2098152620-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(177, 255, 112)" result="PDEOS7v8w-2098152620-shadow-outset-0-flood"/><feComposite in="PDEOS7v8w-2098152620-shadow-outset-0-flood" in2="PDEOS7v8w-2098152620-shadow-outset-0-blur" operator="in" result="PDEOS7v8w-2098152620-shadow-outset-0"/></filter><path d="M 19.536 1.958 C 21.044 -0.653 24.814 -0.653 26.321 1.958 L 39.198 24.261 C 39.7 25.131 40.956 25.131 41.459 24.261 L 46.264 15.943 C 47.37 14.029 50.133 14.029 51.238 15.943 L 63.075 36.437 C 64.181 38.352 62.799 40.746 60.588 40.747 L 42.045 40.747 L 41.934 40.75 L 3.923 40.75 C 0.908 40.75 -0.977 37.486 0.531 34.874 Z" id="PDEOS7v8w-2098152620" transform="translate(7.5 7)"/><linearGradient id="eS9gfgvUU-2098152620-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(108, 255, 40)"/><stop offset="1" stop-color="rgb(222, 255, 159)"/></linearGradient><filter filter-units="objectBoundingBox" height="267.4%" id="eS9gfgvUU-2098152620-shadow-outset" width="267.4%" x="-83.7%" y="-83.7%"><feOffset dx="0" dy="0" in="SourceAlpha" result="eS9gfgvUU-2098152620-shadow-outset-0-offset"/><feGaussianBlur in="eS9gfgvUU-2098152620-shadow-outset-0-offset" result="eS9gfgvUU-2098152620-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(177, 255, 112)" result="eS9gfgvUU-2098152620-shadow-outset-0-flood"/><feComposite in="eS9gfgvUU-2098152620-shadow-outset-0-flood" in2="eS9gfgvUU-2098152620-shadow-outset-0-blur" operator="in" result="eS9gfgvUU-2098152620-shadow-outset-0"/></filter><path d="M 0 5.019 C 0 2.247 2.247 0 5.019 0 C 7.791 0 10.038 2.247 10.038 5.019 C 10.038 7.791 7.791 10.038 5.019 10.038 C 2.247 10.038 0 7.791 0 5.019 Z" id="eS9gfgvUU-2098152620" transform="translate(60 5.5)"/><linearGradient id="z5OXvF0d9-2098152620-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(108, 255, 40)"/><stop offset="1" stop-color="rgb(222, 255, 159)"/></linearGradient><filter filter-units="objectBoundingBox" height="252.7%" id="z5OXvF0d9-2098152620-shadow-outset" width="252.7%" x="-76.4%" y="-76.4%"><feOffset dx="0" dy="0" in="SourceAlpha" result="z5OXvF0d9-2098152620-shadow-outset-0-offset"/><feGaussianBlur in="z5OXvF0d9-2098152620-shadow-outset-0-offset" result="z5OXvF0d9-2098152620-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgb(177, 255, 112)" result="z5OXvF0d9-2098152620-shadow-outset-0-flood"/><feComposite in="z5OXvF0d9-2098152620-shadow-outset-0-flood" in2="z5OXvF0d9-2098152620-shadow-outset-0-blur" operator="in" result="z5OXvF0d9-2098152620-shadow-outset-0"/></filter><path d="M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" id="z5OXvF0d9-2098152620"/></defs><g d="M 27.036 8.958 C 28.544 6.347 32.314 6.347 33.821 8.958 L 46.698 31.261 C 47.2 32.131 48.456 32.131 48.959 31.261 L 53.764 22.943 C 54.87 21.029 57.633 21.029 58.738 22.943 L 70.575 43.437 C 71.681 45.352 70.299 47.746 68.088 47.747 L 49.545 47.747 L 49.434 47.75 L 11.423 47.75 C 8.408 47.75 6.523 44.486 8.031 41.874 Z M 60 10.519 C 60 7.747 62.247 5.5 65.019 5.5 C 67.791 5.5 70.038 7.747 70.038 10.519 C 70.038 13.291 67.791 15.538 65.019 15.538 C 62.247 15.538 60 13.291 60 10.519 Z M 5.5 0 L 6.706 4.294 L 11 5.5 L 6.706 6.706 L 5.5 11 L 4.294 6.706 L 0 5.5 L 4.294 4.294 Z" fill="transparent" height="47.75025000000028px" id="a9Ea849ef" transform="translate(2 3)" width="70.9641049758288px"><mask height="141.2%" id="PDEOS7v8w-2098152620-shadow-mask" width="126.5%" x="-13.2%" y="-20.6%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23PDEOS7v8w-2098152620"/></mask><g filter="url(%23PDEOS7v8w-2098152620-shadow-outset)" mask="url(%23PDEOS7v8w-2098152620-shadow-mask)"><use fill="black" href="%23PDEOS7v8w-2098152620" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23PDEOS7v8w-2098152620-linear-gradient)" height="40.75025000000028px" href="%23PDEOS7v8w-2098152620" id="PDEOS7v8w" width="63.46410497582838px"/><mask height="267.4%" id="eS9gfgvUU-2098152620-shadow-mask" width="267.4%" x="-83.7%" y="-83.7%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23eS9gfgvUU-2098152620"/></mask><g filter="url(%23eS9gfgvUU-2098152620-shadow-outset)" mask="url(%23eS9gfgvUU-2098152620-shadow-mask)"><use fill="black" href="%23eS9gfgvUU-2098152620" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23eS9gfgvUU-2098152620-linear-gradient)" height="10.038000000000011px" href="%23eS9gfgvUU-2098152620" id="eS9gfgvUU" width="10.038000000000011px"/><mask height="252.7%" id="z5OXvF0d9-2098152620-shadow-mask" width="252.7%" x="-76.4%" y="-76.4%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23z5OXvF0d9-2098152620"/></mask><g filter="url(%23z5OXvF0d9-2098152620-shadow-outset)" mask="url(%23z5OXvF0d9-2098152620-shadow-mask)"><use fill="black" href="%23z5OXvF0d9-2098152620" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="url(%23z5OXvF0d9-2098152620-linear-gradient)" height="11px" href="%23z5OXvF0d9-2098152620" id="z5OXvF0d9" width="11px"/></g></svg>)
What happens after I purchase the UI kit?
You’ll get a remix link that includes the current version and all the previous ones. You’ll find every section from every version organized in that one link, so you can pick and choose the sections you like best for your project.
Do i need any design or coding experience?
Not really! This kit is beginner friendly so you can just drag and drop your way to a beautiful site. But, if you want to get a bit more advanced and connect it to the CMS for things like a blog, a little bit of experience helps. Either way, you won't need to touch a single line of code.
Do I need Framer subscription?
Framer is totally free to design and build your site. You only need a paid subscription when you're ready to publish with a CMS and your own custom domain. It’s basically free to play, paid to go live.
Do you offer refunds?
Because this is a digital product and you get the remix link instantly, refunds aren't available. That being said, I really want you to love your site. If you're having any trouble with the kit, just let me know and I'll do my best to help you get it sorted out.