summaryrefslogtreecommitdiff
path: root/docs/public/icons/framework-thumbnails
diff options
context:
space:
mode:
Diffstat (limited to 'docs/public/icons/framework-thumbnails')
-rw-r--r--docs/public/icons/framework-thumbnails/framework-lit.svg295
-rw-r--r--docs/public/icons/framework-thumbnails/framework-preact.svg32
-rw-r--r--docs/public/icons/framework-thumbnails/framework-react.svg267
-rw-r--r--docs/public/icons/framework-thumbnails/framework-solid.svg60
-rw-r--r--docs/public/icons/framework-thumbnails/framework-svelte.svg31
-rw-r--r--docs/public/icons/framework-thumbnails/framework-vue.svg38
-rw-r--r--docs/public/icons/framework-thumbnails/snowpack.svg212
-rw-r--r--docs/public/icons/framework-thumbnails/with-nanostores.svg22
-rw-r--r--docs/public/icons/framework-thumbnails/with-tailwindcss.svg343
9 files changed, 1300 insertions, 0 deletions
diff --git a/docs/public/icons/framework-thumbnails/framework-lit.svg b/docs/public/icons/framework-thumbnails/framework-lit.svg
new file mode 100644
index 000000000..927f80610
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-lit.svg
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ sodipodi:docname="lit.svg"
+ inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 135.4635 135.4635"
+ height="511.98801"
+ width="511.98801">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ showborder="false"
+ inkscape:pagecheckerboard="true"
+ inkscape:window-maximized="0"
+ inkscape:window-y="227"
+ inkscape:window-x="2024"
+ inkscape:window-height="967"
+ inkscape:window-width="1274"
+ units="px"
+ fit-margin-bottom="0"
+ fit-margin-right="0"
+ fit-margin-left="0"
+ fit-margin-top="0"
+ showgrid="false"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="239.98365"
+ inkscape:cx="191.72074"
+ inkscape:zoom="1.134664"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ borderopacity="1.0"
+ bordercolor="#666666"
+ pagecolor="#ffffff"
+ id="base" />
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ transform="translate(-33.821726,-179.60998)"
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ transform="translate(0,2.6458334)"
+ id="space-bg">
+ <g
+ id="g952"
+ transform="matrix(0.26458333,0,0,0.26458333,36.475351,173.65938)">
+ <circle
+ id="circle855"
+ r="255.994"
+ cy="268.48447"
+ cx="245.96455"
+ style="fill:#27536b" />
+ <g
+ id="g883">
+ <polygon
+ id="polygon857"
+ points="131.078,129.496 136.407,177.696 141.735,129.496 189.935,124.168 141.735,118.839 136.407,70.638 131.078,118.839 82.878,124.168 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon859"
+ points="359.026,280.689 363.115,317.685 367.206,280.689 404.202,276.599 367.206,272.509 363.115,235.512 359.026,272.509 322.029,276.599 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon861"
+ points="157.79,364.432 160.968,393.168 164.145,364.432 192.881,361.256 164.145,358.079 160.968,329.343 157.79,358.079 129.055,361.256 "
+ style="fill:#ffffff" />
+
+
+ <rect
+ id="rect863"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,189.016,409.2328)"
+ y="160.289"
+ x="174.082" />
+
+
+ <rect
+ id="rect865"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,213.0358,818.1921)"
+ y="359.79401"
+ x="270.79001" />
+
+
+ <rect
+ id="rect867"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,585.3727,501.4503)"
+ y="124.309"
+ x="391.35901" />
+
+
+ <rect
+ id="rect869"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,361.9863,506.8415)"
+ y="173.27"
+ x="280.78201" />
+
+
+ <rect
+ id="rect871"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,591.0331,693.6425)"
+ y="219.233"
+ x="433.99301" />
+
+
+ <rect
+ id="rect873"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,560.2817,365.8286)"
+ y="61.695"
+ x="350.72501" />
+
+
+ <rect
+ id="rect875"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,-136.1037,712.2148)"
+ y="379.11401"
+ x="74.271004" />
+
+
+ <rect
+ id="rect877"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,418.2628,239.0482)"
+ y="27.718"
+ x="253.459" />
+
+
+ <rect
+ id="rect879"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,290.207,1050.0205)"
+ y="459.72501"
+ x="357.38901" />
+
+
+ <rect
+ id="rect881"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,3.8946,290.5735)"
+ y="139.299"
+ x="56.945999" />
+
+</g>
+ <g
+ id="g885">
+</g>
+ <g
+ id="g887">
+</g>
+ <g
+ id="g889">
+</g>
+ <g
+ id="g891">
+</g>
+ <g
+ id="g893">
+</g>
+ <g
+ id="g895">
+</g>
+ <g
+ id="g897">
+</g>
+ <g
+ id="g899">
+</g>
+ <g
+ id="g901">
+</g>
+ <g
+ id="g903">
+</g>
+ <g
+ id="g905">
+</g>
+ <g
+ id="g907">
+</g>
+ <g
+ id="g909">
+</g>
+ <g
+ id="g911">
+</g>
+ <g
+ id="g913">
+</g>
+ </g>
+ </g>
+ <g
+ transform="matrix(0.26458333,0,0,0.26458333,80.386805,218.23756)"
+ id="g1066">
+ <path
+ fill="#324fff"
+ d="m 0,80 v 80 a 70.3,70.3 0 0 0 40,-40 z"
+ id="path1025" />
+ <path
+ fill="#283198"
+ d="m 40,120 c 5.7,27.3 5.3,47 0,80 L 0,160 Z"
+ id="path1027" />
+ <path
+ fill="#00ffff"
+ d="m 40,120 v 80 L 80,160 A 149.9,149.9 0 0 0 40,120 Z"
+ id="path1029" />
+ <path
+ fill="#324fff"
+ d="M 80,0 V 80 C 80,80 48.3,55.7 40,40 Z"
+ id="path1031" />
+ <path
+ fill="#324fff"
+ d="m 40,40 v 80 A 84.8,84.8 0 0 0 80,80 Z"
+ id="path1033" />
+ <path
+ fill="#00e8ff"
+ d="m 80,80 a 182,182 0 0 1 0,80 L 40,120 Z"
+ id="path1035" />
+ <path
+ fill="#283198"
+ d="m 80,80 v 80 c 17,-7.5 31.5,-19 40,-40 -5.9,-17 -18.1,-30.9 -40,-40 z"
+ id="path1037" />
+ <path
+ fill="#283198"
+ d="m 120,40 v 80 L 80,80 Z"
+ id="path1039" />
+ <path
+ fill="#00e8ff"
+ d="m 120,120 c 6.1,27 4.9,53.6 0,80 L 80,160 Z"
+ id="path1041" />
+ <path
+ fill="#324fff"
+ d="m 120,120 v 80 l 40,-40 c -5.4,-15 -18.3,-27.9 -40,-40 z"
+ id="path1043" />
+ <path
+ fill="#324fff"
+ d="m 160,80 v 80 l -40,-40 z"
+ id="path1045" />
+ </g>
+ <ellipse
+ ry="29.918465"
+ rx="27.360489"
+ cy="247.34169"
+ cx="101.55347"
+ id="path1070"
+ style="fill:#000000;fill-opacity:0.24498;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill" />
+ </g>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/framework-preact.svg b/docs/public/icons/framework-thumbnails/framework-preact.svg
new file mode 100644
index 000000000..e6363b51f
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-preact.svg
@@ -0,0 +1,32 @@
+<svg width="511.99" height="511.99" version="1.1" viewBox="0 0 135.46 135.46" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-33.822 -179.61)">
+ <g id="space-bg" transform="translate(0 2.6458)">
+ <g transform="matrix(.26458 0 0 .26458 36.475 173.66)">
+ <circle cx="245.96" cy="268.48" r="255.99" fill="#27536b"/>
+ <g fill="#fff">
+ <polygon points="189.94 124.17 141.74 118.84 136.41 70.638 131.08 118.84 82.878 124.17 131.08 129.5 136.41 177.7 141.74 129.5"/>
+ <polygon points="404.2 276.6 367.21 272.51 363.12 235.51 359.03 272.51 322.03 276.6 359.03 280.69 363.12 317.68 367.21 280.69"/>
+ <polygon points="192.88 361.26 164.14 358.08 160.97 329.34 157.79 358.08 129.06 361.26 157.79 364.43 160.97 393.17 164.14 364.43"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 189.02 409.23)" x="174.08" y="160.29" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 213.04 818.19)" x="270.79" y="359.79" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 585.37 501.45)" x="391.36" y="124.31" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 361.99 506.84)" x="280.78" y="173.27" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 591.03 693.64)" x="433.99" y="219.23" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 560.28 365.83)" x="350.73" y="61.695" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 -136.1 712.21)" x="74.271" y="379.11" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 418.26 239.05)" x="253.46" y="27.718" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 290.21 1050)" x="357.39" y="459.73" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 3.8946 290.57)" x="56.946" y="139.3" width="10.362" height="10.362"/>
+ </g>
+ </g>
+ </g>
+ <g transform="matrix(.13149 0 0 .13149 102.23 247.53)">
+ <g stroke="#673ab8" stroke-width="16px">
+ <path d="m0-256 221.7 128v256l-221.7 128-221.7-128v-256z" fill="#fff" fill-opacity="0"/>
+ <ellipse transform="rotate(52)" rx="75" ry="196" fill="none"/>
+ <ellipse transform="rotate(-52)" rx="75" ry="196" fill="none"/>
+ </g>
+ <circle r="34" fill="#673ab8"/>
+ </g>
+ </g>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/framework-react.svg b/docs/public/icons/framework-thumbnails/framework-react.svg
new file mode 100644
index 000000000..c3729b32b
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-react.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ sodipodi:docname="react.svg"
+ inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 135.4635 135.4635"
+ height="511.98801"
+ width="511.98801">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ inkscape:window-maximized="0"
+ inkscape:window-y="227"
+ inkscape:window-x="2024"
+ inkscape:window-height="967"
+ inkscape:window-width="1274"
+ units="px"
+ fit-margin-bottom="0"
+ fit-margin-right="0"
+ fit-margin-left="0"
+ fit-margin-top="0"
+ showgrid="false"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="mm"
+ inkscape:cy="81.686932"
+ inkscape:cx="204.60362"
+ inkscape:zoom="0.40116429"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ borderopacity="1.0"
+ bordercolor="#666666"
+ pagecolor="#ffffff"
+ id="base" />
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ transform="translate(-34.951946,-176.96415)"
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ id="space-bg">
+ <g
+ id="g952"
+ transform="matrix(0.26458333,0,0,0.26458333,36.475351,173.65938)">
+ <circle
+ id="circle855"
+ r="255.994"
+ cy="268.48447"
+ cx="250.23625"
+ style="fill:#27536b" />
+ <g
+ id="g883">
+ <polygon
+ id="polygon857"
+ points="131.078,118.839 82.878,124.168 131.078,129.496 136.407,177.696 141.735,129.496 189.935,124.168 141.735,118.839 136.407,70.638 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon859"
+ points="359.026,272.509 322.029,276.599 359.026,280.689 363.115,317.685 367.206,280.689 404.202,276.599 367.206,272.509 363.115,235.512 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon861"
+ points="157.79,358.079 129.055,361.256 157.79,364.432 160.968,393.168 164.145,364.432 192.881,361.256 164.145,358.079 160.968,329.343 "
+ style="fill:#ffffff" />
+
+
+ <rect
+ id="rect863"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,189.016,409.2328)"
+ y="160.289"
+ x="174.082" />
+
+
+ <rect
+ id="rect865"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,213.0358,818.1921)"
+ y="359.79401"
+ x="270.79001" />
+
+
+ <rect
+ id="rect867"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,585.3727,501.4503)"
+ y="124.309"
+ x="391.35901" />
+
+
+ <rect
+ id="rect869"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,361.9863,506.8415)"
+ y="173.27"
+ x="280.78201" />
+
+
+ <rect
+ id="rect871"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,591.0331,693.6425)"
+ y="219.233"
+ x="433.99301" />
+
+
+ <rect
+ id="rect873"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,560.2817,365.8286)"
+ y="61.695"
+ x="350.72501" />
+
+
+ <rect
+ id="rect875"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,-136.1037,712.2148)"
+ y="379.11401"
+ x="74.271004" />
+
+
+ <rect
+ id="rect877"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,418.2628,239.0482)"
+ y="27.718"
+ x="253.459" />
+
+
+ <rect
+ id="rect879"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,290.207,1050.0205)"
+ y="459.72501"
+ x="357.38901" />
+
+
+ <rect
+ id="rect881"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,3.8946,290.5735)"
+ y="139.299"
+ x="56.945999" />
+
+</g>
+ <g
+ id="g885">
+</g>
+ <g
+ id="g887">
+</g>
+ <g
+ id="g889">
+</g>
+ <g
+ id="g891">
+</g>
+ <g
+ id="g893">
+</g>
+ <g
+ id="g895">
+</g>
+ <g
+ id="g897">
+</g>
+ <g
+ id="g899">
+</g>
+ <g
+ id="g901">
+</g>
+ <g
+ id="g903">
+</g>
+ <g
+ id="g905">
+</g>
+ <g
+ id="g907">
+</g>
+ <g
+ id="g909">
+</g>
+ <g
+ id="g911">
+</g>
+ <g
+ id="g913">
+</g>
+ </g>
+ </g>
+ <g
+ transform="translate(137.18403,-23.743389)"
+ id="react-icon">
+ <g
+ id="space-background"
+ transform="matrix(0.15972395,0,0,0.15972395,-101.74412,221.08912)">
+ <path
+ id="path833"
+ d="m 666.3,296.5 c 0,-32.5 -40.7,-63.3 -103.1,-82.4 14.4,-63.6 8,-114.2 -20.2,-130.4 -6.5,-3.8 -14.1,-5.6 -22.4,-5.6 v 22.3 c 4.6,0 8.3,0.9 11.4,2.6 13.6,7.8 19.5,37.5 14.9,75.7 -1.1,9.4 -2.9,19.3 -5.1,29.4 -19.6,-4.8 -41,-8.5 -63.5,-10.9 -13.5,-18.5 -27.5,-35.3 -41.6,-50 32.6,-30.3 63.2,-46.9 84,-46.9 V 78 c 0,0 0,0 0,0 -27.5,0 -63.5,19.6 -99.9,53.6 C 384.4,97.8 348.4,78.4 320.9,78.4 v 22.3 c 20.7,0 51.4,16.5 84,46.6 -14,14.7 -28,31.4 -41.3,49.9 -22.6,2.4 -44,6.1 -63.6,11 -2.3,-10 -4,-19.7 -5.2,-29 -4.7,-38.2 1.1,-67.9 14.6,-75.8 3,-1.8 6.9,-2.6 11.5,-2.6 V 78.5 c 0,0 0,0 0,0 -8.4,0 -16,1.8 -22.6,5.6 -28.1,16.2 -34.4,66.7 -19.9,130.1 -62.2,19.2 -102.7,49.9 -102.7,82.3 0,32.5 40.7,63.3 103.1,82.4 -14.4,63.6 -8,114.2 20.2,130.4 6.5,3.8 14.1,5.6 22.5,5.6 27.5,0 63.5,-19.6 99.9,-53.6 36.4,33.8 72.4,53.2 99.9,53.2 8.4,0 16,-1.8 22.6,-5.6 28.1,-16.2 34.4,-66.7 19.9,-130.1 62,-19.1 102.5,-49.9 102.5,-82.3 z M 536.1,229.8 c -3.7,12.9 -8.3,26.2 -13.5,39.5 -4.1,-8 -8.4,-16 -13.1,-24 -4.6,-8 -9.5,-15.8 -14.4,-23.4 14.2,2.1 27.9,4.7 41,7.9 z m -45.8,106.5 c -7.8,13.5 -15.8,26.3 -24.1,38.2 -14.9,1.3 -30,2 -45.2,2 -15.1,0 -30.2,-0.7 -45,-1.9 -8.3,-11.9 -16.4,-24.6 -24.2,-38 -7.6,-13.1 -14.5,-26.4 -20.8,-39.8 6.2,-13.4 13.2,-26.8 20.7,-39.9 7.8,-13.5 15.8,-26.3 24.1,-38.2 14.9,-1.3 30,-2 45.2,-2 15.1,0 30.2,0.7 45,1.9 8.3,11.9 16.4,24.6 24.2,38 7.6,13.1 14.5,26.4 20.8,39.8 -6.3,13.4 -13.2,26.8 -20.7,39.9 z m 32.3,-13 c 5.4,13.4 10,26.8 13.8,39.8 -13.1,3.2 -26.9,5.9 -41.2,8 4.9,-7.7 9.8,-15.6 14.4,-23.7 4.6,-8 8.9,-16.1 13,-24.1 z M 421.2,430 c -9.3,-9.6 -18.6,-20.3 -27.8,-32 9,0.4 18.2,0.7 27.5,0.7 9.4,0 18.7,-0.2 27.8,-0.7 -9,11.7 -18.3,22.4 -27.5,32 z m -74.4,-58.9 c -14.2,-2.1 -27.9,-4.7 -41,-7.9 3.7,-12.9 8.3,-26.2 13.5,-39.5 4.1,8 8.4,16 13.1,24 4.7,8 9.5,15.8 14.4,23.4 z M 420.7,163 c 9.3,9.6 18.6,20.3 27.8,32 -9,-0.4 -18.2,-0.7 -27.5,-0.7 -9.4,0 -18.7,0.2 -27.8,0.7 9,-11.7 18.3,-22.4 27.5,-32 z m -74,58.9 c -4.9,7.7 -9.8,15.6 -14.4,23.7 -4.6,8 -8.9,16 -13,24 -5.4,-13.4 -10,-26.8 -13.8,-39.8 13.1,-3.1 26.9,-5.8 41.2,-7.9 z m -90.5,125.2 c -35.4,-15.1 -58.3,-34.9 -58.3,-50.6 0,-15.7 22.9,-35.6 58.3,-50.6 8.6,-3.7 18,-7 27.7,-10.1 5.7,19.6 13.2,40 22.5,60.9 -9.2,20.8 -16.6,41.1 -22.2,60.6 -9.9,-3.1 -19.3,-6.5 -28,-10.2 z M 310,490 c -13.6,-7.8 -19.5,-37.5 -14.9,-75.7 1.1,-9.4 2.9,-19.3 5.1,-29.4 19.6,4.8 41,8.5 63.5,10.9 13.5,18.5 27.5,35.3 41.6,50 -32.6,30.3 -63.2,46.9 -84,46.9 -4.5,-0.1 -8.3,-1 -11.3,-2.7 z m 237.2,-76.2 c 4.7,38.2 -1.1,67.9 -14.6,75.8 -3,1.8 -6.9,2.6 -11.5,2.6 -20.7,0 -51.4,-16.5 -84,-46.6 14,-14.7 28,-31.4 41.3,-49.9 22.6,-2.4 44,-6.1 63.6,-11 2.3,10.1 4.1,19.8 5.2,29.1 z m 38.5,-66.7 c -8.6,3.7 -18,7 -27.7,10.1 -5.7,-19.6 -13.2,-40 -22.5,-60.9 9.2,-20.8 16.6,-41.1 22.2,-60.6 9.9,3.1 19.3,6.5 28.1,10.2 35.4,15.1 58.3,34.9 58.3,50.6 -0.1,15.7 -23,35.6 -58.4,50.6 z"
+ fill="#61dafb" />
+
+ <polygon
+ id="polygon835"
+ points=""
+ fill="#61dafb" />
+
+ <circle
+ id="circle837"
+ r="45.700001"
+ cy="296.5"
+ cx="420.89999"
+ fill="#61dafb" />
+
+ <polygon
+ id="polygon839"
+ points=""
+ fill="#61dafb" />
+
+</g>
+ </g>
+ </g>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/framework-solid.svg b/docs/public/icons/framework-thumbnails/framework-solid.svg
new file mode 100644
index 000000000..8dffea91a
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-solid.svg
@@ -0,0 +1,60 @@
+<svg width="511.99" height="511.99" version="1.1" viewBox="0 0 135.46 135.46" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+ <linearGradient id="a" x1="27.5" x2="152" y1="3" y2="63.5" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#76b3e1" offset=".1"/>
+ <stop stop-color="#dcf2fd" offset=".3"/>
+ <stop stop-color="#76b3e1" offset="1"/>
+ </linearGradient>
+ <linearGradient id="b" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#76b3e1" offset="0"/>
+ <stop stop-color="#4377bb" offset=".5"/>
+ <stop stop-color="#1f3b77" offset="1"/>
+ </linearGradient>
+ <linearGradient id="c" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#315aa9" offset="0"/>
+ <stop stop-color="#518ac8" offset=".5"/>
+ <stop stop-color="#315aa9" offset="1"/>
+ </linearGradient>
+ <linearGradient id="d" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#4377bb" offset="0"/>
+ <stop stop-color="#1a336b" offset=".5"/>
+ <stop stop-color="#1a336b" offset="1"/>
+ </linearGradient>
+ </defs>
+ <g transform="translate(-33.822 -179.61)">
+ <g id="space-bg" transform="translate(0 2.6458)">
+ <g transform="matrix(.26458 0 0 .26458 36.475 173.66)">
+ <circle cx="245.96" cy="268.48" r="255.99" fill="#27536b"/>
+ <g fill="#fff">
+ <polygon points="82.878 124.17 131.08 129.5 136.41 177.7 141.74 129.5 189.94 124.17 141.74 118.84 136.41 70.638 131.08 118.84"/>
+ <polygon points="322.03 276.6 359.03 280.69 363.12 317.68 367.21 280.69 404.2 276.6 367.21 272.51 363.12 235.51 359.03 272.51"/>
+ <polygon points="129.06 361.26 157.79 364.43 160.97 393.17 164.14 364.43 192.88 361.26 164.14 358.08 160.97 329.34 157.79 358.08"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 189.02 409.23)" x="174.08" y="160.29" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 213.04 818.19)" x="270.79" y="359.79" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 585.37 501.45)" x="391.36" y="124.31" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 361.99 506.84)" x="280.78" y="173.27" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 591.03 693.64)" x="433.99" y="219.23" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 560.28 365.83)" x="350.73" y="61.695" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 -136.1 712.21)" x="74.271" y="379.11" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 418.26 239.05)" x="253.46" y="27.718" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 290.21 1050)" x="357.39" y="459.73" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 3.8946 290.57)" x="56.946" y="139.3" width="10.362" height="10.362"/>
+ </g>
+ </g>
+ </g>
+ <g transform="matrix(.46325 0 0 .46325 78.953 219.76)">
+ <g transform="matrix(.82126 0 0 .82126 -19.788 -4.2031)">
+ <path d="m163 35s-53-39-94-30l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9z" fill="#76b3e1"/>
+ <path d="m163 35s-53-39-94-30l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9z" fill="url(#a)" opacity=".3"/>
+ <path d="m52 35-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21s-53-39-93-30z" fill="#518ac8"/>
+ <path d="m52 35-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21s-53-39-93-30z" fill="url(#b)" opacity=".3"/>
+ <path d="m134 80a45 45 0 0 0-48-15l-62 20-20 35 112 19 20-36c4-7 3-15-2-23z" fill="url(#c)"/>
+ <path d="m114 115a45 45 0 0 0-48-15l-62 20s53 40 94 30l3-1c17-5 23-21 13-34z" fill="url(#d)"/>
+ </g>
+ </g>
+ </g>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/framework-svelte.svg b/docs/public/icons/framework-thumbnails/framework-svelte.svg
new file mode 100644
index 000000000..e39ba7e42
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-svelte.svg
@@ -0,0 +1,31 @@
+<svg width="511.99" height="511.99" version="1.1" viewBox="0 0 135.46 135.46" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-33.822 -179.61)">
+ <g id="space-bg" transform="translate(0 2.6458)">
+ <g transform="matrix(.26458 0 0 .26458 36.475 173.66)">
+ <circle cx="245.96" cy="268.48" r="255.99" fill="#27536b"/>
+ <g fill="#fff">
+ <polygon points="189.94 124.17 141.74 118.84 136.41 70.638 131.08 118.84 82.878 124.17 131.08 129.5 136.41 177.7 141.74 129.5"/>
+ <polygon points="404.2 276.6 367.21 272.51 363.12 235.51 359.03 272.51 322.03 276.6 359.03 280.69 363.12 317.68 367.21 280.69"/>
+ <polygon points="192.88 361.26 164.14 358.08 160.97 329.34 157.79 358.08 129.06 361.26 157.79 364.43 160.97 393.17 164.14 364.43"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 189.02 409.23)" x="174.08" y="160.29" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 213.04 818.19)" x="270.79" y="359.79" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 585.37 501.45)" x="391.36" y="124.31" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 361.99 506.84)" x="280.78" y="173.27" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 591.03 693.64)" x="433.99" y="219.23" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 560.28 365.83)" x="350.73" y="61.695" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 -136.1 712.21)" x="74.271" y="379.11" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 418.26 239.05)" x="253.46" y="27.718" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 290.21 1050)" x="357.39" y="459.73" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 3.8946 290.57)" x="56.946" y="139.3" width="10.362" height="10.362"/>
+ </g>
+ </g>
+ </g>
+ <g transform="matrix(.46325 0 0 .46325 78.953 219.76)">
+ <path d="m61.966-4.5181c-6.6424 0.12429-13.248 1.9589-19.07 5.6539l-29.859 19.109c-8.1433 5.1031-13.789 13.464-15.417 22.91-1.4115 7.9261-0.21744 16.069 3.5828 23.127-2.6058 3.9088-4.3428 8.2519-5.1028 12.812-1.7372 9.6634 0.54327 19.652 6.1893 27.578 11.943 17.047 35.396 22.041 52.334 11.292l29.859-19c8.1433-5.1031 13.789-13.464 15.417-22.91 1.4115-7.9261 0.21744-16.069-3.5828-23.127 2.6059-3.9088 4.3428-8.2519 5.1028-12.812 1.8458-9.7719-0.43469-19.761-6.1893-27.687-7.7666-11.187-20.583-17.183-33.263-16.946zm1.9404 14.561c7.5153 0.1284 14.644 3.8401 19.055 10.202 3.4745 4.7774 4.7768 10.749 3.7996 16.612-0.21715 0.9772-0.43369 1.8461-0.75942 2.8233l-0.54262 1.7369-1.5201-1.0852c-3.583-2.6059-7.4924-4.5605-11.727-5.8635l-1.0852-0.32582 0.1078-1.0852c0.10857-1.5201-0.32564-3.1495-1.1943-4.4524-1.7372-2.4973-4.7778-3.5822-7.7093-2.8221-0.65146 0.21715-1.3018 0.43369-1.8447 0.75943l-29.751 19.001c-1.5201 0.9772-2.4976 2.3881-2.8233 4.1254-0.32573 1.7372 0.10926 3.5835 1.0865 4.995 1.7372 2.4973 4.7778 3.5834 7.7093 2.8233 0.65146-0.21715 1.303-0.43491 1.8459-0.76064l11.4-7.2745c1.8458-1.1944 3.9087-2.0629 6.0803-2.7143 9.6634-2.4973 19.762 1.3029 25.408 9.4462 3.4745 4.7774 4.7768 10.749 3.7996 16.612-0.97719 5.646-4.4512 10.749-9.3372 13.79l-29.859 19.001c-1.8458 1.1943-3.9087 2.0628-6.0803 2.7143-9.6634 2.4973-19.762-1.3029-25.408-9.4462-3.4745-4.7774-4.7768-10.75-3.7996-16.613 0.21715-0.9772 0.43448-1.8449 0.65163-2.8221l0.54262-1.7381 1.5201 1.0865c3.583 2.6059 7.4912 4.5605 11.726 5.8635l1.0865 0.3246-0.10901 1.0865c-0.10858 1.5201 0.32564 3.1483 1.1943 4.4512 1.7372 2.4973 4.7778 3.6924 7.7093 2.9323 0.65146-0.21715 1.303-0.4349 1.8459-0.76064l29.75-19c1.5201-0.9772 2.4976-2.3894 2.8233-4.1266 0.32573-1.7372-0.10805-3.5835-1.0852-4.995-1.7372-2.4973-4.7778-3.5822-7.7093-2.8221-0.65146 0.21715-1.303 0.4337-1.8459 0.75943l-11.401 7.2745c-1.8458 1.1943-3.9087 2.0636-6.0803 2.6065-9.6634 2.4973-19.76-1.3029-25.406-9.4462-3.3659-4.7774-4.7775-10.75-3.6918-16.613 0.9772-5.646 4.4512-10.748 9.3372-13.788l29.859-19.001c1.8458-1.1943 3.9087-2.0629 6.0803-2.7143 2.1139-0.54628 4.2485-0.79174 6.3528-0.75579z" fill="#ff3c00" stroke-width="1.0858"/>
+ </g>
+ </g>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/framework-vue.svg b/docs/public/icons/framework-thumbnails/framework-vue.svg
new file mode 100644
index 000000000..b484ae0f3
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/framework-vue.svg
@@ -0,0 +1,38 @@
+<svg width="511.99" height="511.99" version="1.1" viewBox="0 0 135.46 135.46" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-33.822 -179.61)">
+ <g id="space-bg" transform="translate(0 2.6458)">
+ <g transform="matrix(.26458 0 0 .26458 36.475 173.66)">
+ <circle cx="245.96" cy="268.48" r="255.99" fill="#27536b"/>
+ <g fill="#fff">
+ <polygon points="189.94 124.17 141.74 118.84 136.41 70.638 131.08 118.84 82.878 124.17 131.08 129.5 136.41 177.7 141.74 129.5"/>
+ <polygon points="404.2 276.6 367.21 272.51 363.12 235.51 359.03 272.51 322.03 276.6 359.03 280.69 363.12 317.68 367.21 280.69"/>
+ <polygon points="192.88 361.26 164.14 358.08 160.97 329.34 157.79 358.08 129.06 361.26 157.79 364.43 160.97 393.17 164.14 364.43"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 189.02 409.23)" x="174.08" y="160.29" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 213.04 818.19)" x="270.79" y="359.79" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 585.37 501.45)" x="391.36" y="124.31" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 361.99 506.84)" x="280.78" y="173.27" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 591.03 693.64)" x="433.99" y="219.23" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 560.28 365.83)" x="350.73" y="61.695" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 -136.1 712.21)" x="74.271" y="379.11" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 418.26 239.05)" x="253.46" y="27.718" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 290.21 1050)" x="357.39" y="459.73" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 3.8946 290.57)" x="56.946" y="139.3" width="10.362" height="10.362"/>
+ </g>
+ </g>
+ </g>
+ <g transform="matrix(.46325 0 0 .46325 78.953 219.76)">
+ <g transform="matrix(.76152 0 0 -.76152 -69.546 173.78)">
+ <g transform="translate(178.06,235.01)">
+ <path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/>
+ </g>
+ <g transform="translate(178.06,235.01)">
+ <path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/>
+ </g>
+ </g>
+ </g>
+ </g>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+ <style type="text/css">.st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}</style>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/snowpack.svg b/docs/public/icons/framework-thumbnails/snowpack.svg
new file mode 100644
index 000000000..879c2f5b3
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/snowpack.svg
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+ sodipodi:docname="snowpack.svg"
+ xml:space="preserve"
+ style="enable-background:new 0 0 511.989 511.989;"
+ viewBox="0 0 511.989 511.989"
+ y="0px"
+ x="0px"
+ id="Capa_1"
+ version="1.1"><metadata
+ id="metadata67"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs65" /><sodipodi:namedview
+ inkscape:current-layer="g906"
+ inkscape:window-maximized="1"
+ inkscape:window-y="215"
+ inkscape:window-x="1912"
+ inkscape:cy="379.79605"
+ inkscape:cx="47.060731"
+ inkscape:zoom="0.53343688"
+ showgrid="false"
+ id="namedview63"
+ inkscape:window-height="987"
+ inkscape:window-width="1680"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0"
+ guidetolerance="10"
+ gridtolerance="10"
+ objecttolerance="10"
+ borderopacity="1"
+ bordercolor="#666666"
+ pagecolor="#ffffff" />
+<circle
+ id="circle2"
+ r="255.994"
+ cy="255.994"
+ cx="255.994"
+ style="fill:#27536B;" />
+<g
+ id="g30">
+ <polygon
+ id="polygon4"
+ points="141.735,129.496 189.935,124.168 141.735,118.839 136.407,70.638 131.078,118.839 82.878,124.168 131.078,129.496 136.407,177.696 "
+ style="fill:#FFFFFF;" />
+ <polygon
+ id="polygon6"
+ points="367.206,280.689 404.202,276.599 367.206,272.509 363.115,235.512 359.026,272.509 322.029,276.599 359.026,280.689 363.115,317.685 "
+ style="fill:#FFFFFF;" />
+ <polygon
+ id="polygon8"
+ points="164.145,364.432 192.881,361.256 164.145,358.079 160.968,329.343 157.79,358.079 129.055,361.256 157.79,364.432 160.968,393.168 "
+ style="fill:#FFFFFF;" />
+
+ <rect
+ id="rect10"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 189.016 409.2328)"
+ y="160.289"
+ x="174.082" />
+
+ <rect
+ id="rect12"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 213.0358 818.1921)"
+ y="359.794"
+ x="270.79" />
+
+ <rect
+ id="rect14"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 585.3727 501.4503)"
+ y="124.309"
+ x="391.359" />
+
+ <rect
+ id="rect16"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 361.9863 506.8415)"
+ y="173.27"
+ x="280.782" />
+
+ <rect
+ id="rect18"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 591.0331 693.6425)"
+ y="219.233"
+ x="433.993" />
+
+ <rect
+ id="rect20"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 560.2817 365.8286)"
+ y="61.695"
+ x="350.725" />
+
+ <rect
+ id="rect22"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -136.1037 712.2148)"
+ y="379.114"
+ x="74.271" />
+
+ <rect
+ id="rect24"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 418.2628 239.0482)"
+ y="27.718"
+ x="253.459" />
+
+ <rect
+ id="rect26"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 290.207 1050.0205)"
+ y="459.725"
+ x="357.389" />
+
+ <rect
+ id="rect28"
+ height="10.362"
+ width="10.362"
+ style="fill:#FFFFFF;"
+ transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 3.8946 290.5735)"
+ y="139.299"
+ x="56.946" />
+</g>
+<g
+ id="g32">
+</g>
+<g
+ id="g34">
+</g>
+<g
+ id="g36">
+</g>
+<g
+ id="g38">
+</g>
+<g
+ id="g40">
+</g>
+<g
+ id="g42">
+</g>
+<g
+ id="g44">
+</g>
+<g
+ id="g46">
+</g>
+<g
+ id="g48">
+</g>
+<g
+ id="g50">
+</g>
+<g
+ id="g52">
+</g>
+<g
+ id="g54">
+</g>
+<g
+ id="g56">
+</g>
+<g
+ id="g58">
+</g>
+<g
+ id="g60">
+</g>
+<g
+ transform="matrix(0.5425888,0,0,0.5425888,117.42866,111.80476)"
+ id="g906"
+ style="fill:none"><circle
+ style="fill:#000000;fill-opacity:0.461847"
+ cx="250"
+ cy="250"
+ r="250"
+ fill="#000000"
+ id="circle892" /><path
+ style="fill:#ffffff;fill-opacity:1;stroke-width:1.5596"
+ id="path917"
+ fill-rule="nonzero"
+ fill="#000000"
+ d="M 446.45772,378.94644 266.79362,99.468923 c -3.67438,-5.714313 -10.00005,-9.170348 -16.79361,-9.170348 -6.79353,0 -13.11921,3.456035 -16.79359,9.170348 L 53.542345,378.94644 c -3.949399,6.14289 -4.229329,13.95199 -0.72995,20.36194 3.500986,6.40827 10.221253,10.39304 17.52355,10.39304 H 429.66412 c 7.30509,0 14.02378,-3.9863 17.52349,-10.3993 3.49937,-6.40776 3.21943,-14.21508 -0.72989,-20.35568 z m -196.45771,-231.76672 53.26917,82.85759 h -53.26917 l -39.92536,39.92539 -23.7431,-23.74311 z" /></g></svg>
diff --git a/docs/public/icons/framework-thumbnails/with-nanostores.svg b/docs/public/icons/framework-thumbnails/with-nanostores.svg
new file mode 100644
index 000000000..681181899
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/with-nanostores.svg
@@ -0,0 +1,22 @@
+<svg enable-background="new 0 0 511.989 511.989" version="1.1" viewBox="0 0 511.99 511.99" xmlns="http://www.w3.org/2000/svg">
+ <circle cx="255.99" cy="255.99" r="255.99" fill="#27536B"/>
+ <g fill="#fff">
+ <polygon points="141.74 129.5 189.94 124.17 141.74 118.84 136.41 70.638 131.08 118.84 82.878 124.17 131.08 129.5 136.41 177.7"/>
+ <polygon points="367.21 280.69 404.2 276.6 367.21 272.51 363.12 235.51 359.03 272.51 322.03 276.6 359.03 280.69 363.12 317.68"/>
+ <polygon points="164.14 364.43 192.88 361.26 164.14 358.08 160.97 329.34 157.79 358.08 129.06 361.26 157.79 364.43 160.97 393.17"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 189.02 409.23)" x="174.08" y="160.29" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 213.04 818.19)" x="270.79" y="359.79" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 585.37 501.45)" x="391.36" y="124.31" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 361.99 506.84)" x="280.78" y="173.27" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 591.03 693.64)" x="433.99" y="219.23" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 560.28 365.83)" x="350.72" y="61.695" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 -136.1 712.21)" x="74.271" y="379.11" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 418.26 239.05)" x="253.46" y="27.718" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 290.21 1050)" x="357.39" y="459.72" width="10.362" height="10.362"/>
+ <rect transform="matrix(-.7071 -.7071 .7071 -.7071 3.8946 290.57)" x="56.946" y="139.3" width="10.362" height="10.362"/>
+ </g>
+ <g transform="matrix(.54259 0 0 .54259 117.43 111.8)">
+ <circle cx="250" cy="250" r="250" fill-opacity=".46185"/>
+ <path d="m269.46 385-147.46-103.25 86.384-33.697 126.4 88.503zm-38.427-270 147.46 103.25-86.384 33.697-126.4-88.503z" clip-rule="evenodd" fill="#fff" fill-opacity=".99598" fill-rule="evenodd"/>
+ </g>
+</svg>
diff --git a/docs/public/icons/framework-thumbnails/with-tailwindcss.svg b/docs/public/icons/framework-thumbnails/with-tailwindcss.svg
new file mode 100644
index 000000000..d8f40c091
--- /dev/null
+++ b/docs/public/icons/framework-thumbnails/with-tailwindcss.svg
@@ -0,0 +1,343 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="511.98801"
+ height="511.98801"
+ viewBox="0 0 135.4635 135.4635"
+ version="1.1"
+ id="svg8"
+ inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+ sodipodi:docname="tailwindss.svg">
+ <defs
+ id="defs2">
+ <linearGradient
+ id="a"
+ gradientUnits="userSpaceOnUse"
+ x1="27.5"
+ y1="3"
+ x2="152"
+ y2="63.5">
+ <stop
+ offset=".1"
+ stop-color="#76b3e1"
+ id="stop1720" />
+ <stop
+ offset=".3"
+ stop-color="#dcf2fd"
+ id="stop1722" />
+ <stop
+ offset="1"
+ stop-color="#76b3e1"
+ id="stop1724" />
+ </linearGradient>
+ <linearGradient
+ id="b"
+ gradientUnits="userSpaceOnUse"
+ x1="95.8"
+ y1="32.6"
+ x2="74"
+ y2="105.2">
+ <stop
+ offset="0"
+ stop-color="#76b3e1"
+ id="stop1727" />
+ <stop
+ offset=".5"
+ stop-color="#4377bb"
+ id="stop1729" />
+ <stop
+ offset="1"
+ stop-color="#1f3b77"
+ id="stop1731" />
+ </linearGradient>
+ <linearGradient
+ id="c"
+ gradientUnits="userSpaceOnUse"
+ x1="18.4"
+ y1="64.2"
+ x2="144.3"
+ y2="149.8">
+ <stop
+ offset="0"
+ stop-color="#315aa9"
+ id="stop1734" />
+ <stop
+ offset=".5"
+ stop-color="#518ac8"
+ id="stop1736" />
+ <stop
+ offset="1"
+ stop-color="#315aa9"
+ id="stop1738" />
+ </linearGradient>
+ <linearGradient
+ id="d"
+ gradientUnits="userSpaceOnUse"
+ x1="75.2"
+ y1="74.5"
+ x2="24.4"
+ y2="260.8">
+ <stop
+ offset="0"
+ stop-color="#4377bb"
+ id="stop1741" />
+ <stop
+ offset=".5"
+ stop-color="#1a336b"
+ id="stop1743" />
+ <stop
+ offset="1"
+ stop-color="#1a336b"
+ id="stop1745" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ showborder="false"
+ inkscape:pagecheckerboard="true"
+ inkscape:window-maximized="1"
+ inkscape:window-y="215"
+ inkscape:window-x="1912"
+ inkscape:window-height="987"
+ inkscape:window-width="1680"
+ units="px"
+ fit-margin-bottom="0"
+ fit-margin-right="0"
+ fit-margin-left="0"
+ fit-margin-top="0"
+ showgrid="false"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="325.61295"
+ inkscape:cx="-211.43181"
+ inkscape:zoom="0.50778134"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ borderopacity="1.0"
+ bordercolor="#666666"
+ pagecolor="#ffffff"
+ id="base" />
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ transform="translate(-33.821726,-179.60998)"
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ transform="translate(0,2.6458334)"
+ id="space-bg">
+ <g
+ id="g952"
+ transform="matrix(0.26458333,0,0,0.26458333,36.475351,173.65938)">
+ <circle
+ id="circle855"
+ r="255.994"
+ cy="268.48447"
+ cx="245.96455"
+ style="fill:#27536b" />
+ <g
+ id="g883">
+ <polygon
+ id="polygon857"
+ points="141.735,129.496 189.935,124.168 141.735,118.839 136.407,70.638 131.078,118.839 82.878,124.168 131.078,129.496 136.407,177.696 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon859"
+ points="367.206,280.689 404.202,276.599 367.206,272.509 363.115,235.512 359.026,272.509 322.029,276.599 359.026,280.689 363.115,317.685 "
+ style="fill:#ffffff" />
+
+ <polygon
+ id="polygon861"
+ points="164.145,364.432 192.881,361.256 164.145,358.079 160.968,329.343 157.79,358.079 129.055,361.256 157.79,364.432 160.968,393.168 "
+ style="fill:#ffffff" />
+
+
+ <rect
+ id="rect863"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,189.016,409.2328)"
+ y="160.289"
+ x="174.082" />
+
+
+ <rect
+ id="rect865"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,213.0358,818.1921)"
+ y="359.79401"
+ x="270.79001" />
+
+
+ <rect
+ id="rect867"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,585.3727,501.4503)"
+ y="124.309"
+ x="391.35901" />
+
+
+ <rect
+ id="rect869"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,361.9863,506.8415)"
+ y="173.27"
+ x="280.78201" />
+
+
+ <rect
+ id="rect871"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,591.0331,693.6425)"
+ y="219.233"
+ x="433.99301" />
+
+
+ <rect
+ id="rect873"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,560.2817,365.8286)"
+ y="61.695"
+ x="350.72501" />
+
+
+ <rect
+ id="rect875"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,-136.1037,712.2148)"
+ y="379.11401"
+ x="74.271004" />
+
+
+ <rect
+ id="rect877"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,418.2628,239.0482)"
+ y="27.718"
+ x="253.459" />
+
+
+ <rect
+ id="rect879"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,290.207,1050.0205)"
+ y="459.72501"
+ x="357.38901" />
+
+
+ <rect
+ id="rect881"
+ height="10.362"
+ width="10.362"
+ style="fill:#ffffff"
+ transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,3.8946,290.5735)"
+ y="139.299"
+ x="56.945999" />
+
+</g>
+ <g
+ id="g885">
+</g>
+ <g
+ id="g887">
+</g>
+ <g
+ id="g889">
+</g>
+ <g
+ id="g891">
+</g>
+ <g
+ id="g893">
+</g>
+ <g
+ id="g895">
+</g>
+ <g
+ id="g897">
+</g>
+ <g
+ id="g899">
+</g>
+ <g
+ id="g901">
+</g>
+ <g
+ id="g903">
+</g>
+ <g
+ id="g905">
+</g>
+ <g
+ id="g907">
+</g>
+ <g
+ id="g909">
+</g>
+ <g
+ id="g911">
+</g>
+ <g
+ id="g913">
+</g>
+ </g>
+ </g>
+ <g
+ style="fill:#14c4b8;fill-opacity:1"
+ transform="matrix(0.22918509,0,0,0.22918509,278.15359,118.82507)"
+ id="g1699">
+ <path
+ d="m -770.55676,453.71374 c -47.57338,0 -77.30796,23.78739 -89.20096,71.36076 17.8402,-23.78738 38.65329,-32.70748 62.44067,-26.76028 13.57108,3.39242 23.27169,13.23937 34.00926,24.13722 17.49176,17.75517 37.7348,38.30344 81.952,38.30344 47.57337,0 77.30795,-23.78738 89.20094,-71.36076 -17.84018,23.78739 -38.65328,32.70748 -62.44067,26.76029 -13.57109,-3.39243 -23.27169,-13.23937 -34.00926,-24.13722 -17.49174,-17.75518 -37.73478,-38.30345 -81.95198,-38.30345 z m -89.20096,107.04114 c -47.57337,0 -77.30795,23.78739 -89.20095,71.36078 17.84019,-23.7874 38.65328,-32.70749 62.44067,-26.7603 13.57109,3.39243 23.27169,13.23937 34.00926,24.13722 17.49175,17.75519 37.73479,38.30346 81.95198,38.30346 47.57337,0 77.30796,-23.7874 89.20097,-71.36077 -17.8402,23.78738 -38.6533,32.70747 -62.44067,26.76028 -13.57111,-3.39243 -23.27171,-13.23937 -34.00926,-24.13722 -17.49176,-17.75517 -37.7348,-38.30345 -81.952,-38.30345 z"
+ fill="url(#a)"
+ id="path1836"
+ style="fill:#14c4b8;fill-opacity:1;stroke-width:1.39376" />
+ </g>
+ </g>
+ <style
+ type="text/css"
+ id="style1683">
+ .st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}
+</style>
+ <style
+ type="text/css"
+ id="style1702">
+ .st0{fill:#FF3E00;}
+ .st1{fill:#FFFFFF;}
+</style>
+</svg>
generated by cgit v1.2.3 (git 2.46.0) at 2025-10-02 04:51:29 +0000