frutjam
Version:
CSS-only Tailwind CSS v4 component library, also usable with UnoCSS or no build step at all. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.
2 lines • 7.31 kB
CSS
/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.mask{display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mask-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%3C%2Fsvg%3E");--tw-mask-radial-shape:circle}.mask-diamond{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m100%200%20100%20100-100%20100L0%20100z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m100%200%20100%20100-100%20100L0%20100z%22%2F%3E%3C%2Fsvg%3E")}.mask-heart{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22185%22%3E%3Cpath%20d%3D%22M100%20184.606a15.4%2015.4%200%200%201-8.653-2.678C53.565%20156.28%2037.205%20138.695%2028.182%20127.7%208.952%20104.264-.254%2080.202.005%2054.146.308%2024.287%2024.264%200%2053.406%200c21.192%200%2035.869%2011.937%2044.416%2021.879a2.884%202.884%200%200%200%204.356%200C110.725%2011.927%20125.402%200%20146.594%200c29.142%200%2053.098%2024.287%2053.4%2054.151.26%2026.061-8.956%2050.122-28.176%2073.554-9.023%2010.994-25.383%2028.58-63.165%2054.228a15.4%2015.4%200%200%201-8.653%202.673%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22185%22%3E%3Cpath%20d%3D%22M100%20184.606a15.4%2015.4%200%200%201-8.653-2.678C53.565%20156.28%2037.205%20138.695%2028.182%20127.7%208.952%20104.264-.254%2080.202.005%2054.146.308%2024.287%2024.264%200%2053.406%200c21.192%200%2035.869%2011.937%2044.416%2021.879a2.884%202.884%200%200%200%204.356%200C110.725%2011.927%20125.402%200%20146.594%200c29.142%200%2053.098%2024.287%2053.4%2054.151.26%2026.061-8.956%2050.122-28.176%2073.554-9.023%2010.994-25.383%2028.58-63.165%2054.228a15.4%2015.4%200%200%201-8.653%202.673%22%2F%3E%3C%2Fsvg%3E")}.mask-hexagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22182%22%20height%3D%22201%22%3E%3Cpath%20d%3D%22M.3%2065.486c0-9.196%206.687-20.063%2014.211-25.078l61.86-35.946c8.36-5.016%2020.899-5.016%2029.258%200l61.86%2035.946c8.36%205.015%2014.211%2015.882%2014.211%2025.078v71.055c0%209.196-6.687%2020.063-14.211%2025.079l-61.86%2035.945c-8.36%204.18-20.899%204.18-29.258%200L14.51%20161.62C6.151%20157.44.3%20145.737.3%20136.54z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22182%22%20height%3D%22201%22%3E%3Cpath%20d%3D%22M.3%2065.486c0-9.196%206.687-20.063%2014.211-25.078l61.86-35.946c8.36-5.016%2020.899-5.016%2029.258%200l61.86%2035.946c8.36%205.015%2014.211%2015.882%2014.211%2025.078v71.055c0%209.196-6.687%2020.063-14.211%2025.079l-61.86%2035.945c-8.36%204.18-20.899%204.18-29.258%200L14.51%20161.62C6.151%20157.44.3%20145.737.3%20136.54z%22%2F%3E%3C%2Fsvg%3E")}.mask-pentagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22181%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%200%2095.106%2069.098-36.327%20111.804H37.22L.894%2069.098z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22181%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%200%2095.106%2069.098-36.327%20111.804H37.22L.894%2069.098z%22%2F%3E%3C%2Fsvg%3E")}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M100%200C20%200%200%2020%200%20100s20%20100%20100%20100%20100-20%20100-100S180%200%20100%200%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M100%200C20%200%200%2020%200%20100s20%20100%20100%20100%20100-20%20100-100S180%200%20100%200%22%2F%3E%3C%2Fsvg%3E")}.mask-star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20137.263-58.779%2042.024%2022.163-68.389L.894%2068.481l72.476-.243L96%200l22.63%2068.238%2072.476.243-58.49%2042.417%2022.163%2068.389z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20137.263-58.779%2042.024%2022.163-68.389L.894%2068.481l72.476-.243L96%200l22.63%2068.238%2072.476.243-58.49%2042.417%2022.163%2068.389z%22%2F%3E%3C%2Fsvg%3E")}.mask-star-2{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20153.044-58.779%2026.243%207.02-63.513L.894%2068.481l63.117-13.01L96%200l31.989%2055.472%2063.117%2013.01-43.347%2047.292%207.02%2063.513z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20153.044-58.779%2026.243%207.02-63.513L.894%2068.481l63.117-13.01L96%200l31.989%2055.472%2063.117%2013.01-43.347%2047.292%207.02%2063.513z%22%2F%3E%3C%2Fsvg%3E")}.mask-triangle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22174%22%20height%3D%22149%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m87%20148.476-86.603.185L43.86%2074.423%2087%200l43.14%2074.423%2043.463%2074.238z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22174%22%20height%3D%22149%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m87%20148.476-86.603.185L43.86%2074.423%2087%200l43.14%2074.423%2043.463%2074.238z%22%2F%3E%3C%2Fsvg%3E")}.mask-half-1{-webkit-mask-position:left;mask-position:left}.mask-half-1,.mask-half-2{-webkit-mask-size:200%;mask-size:200%}.mask-half-2{-webkit-mask-position:right;mask-position:right}