Headless UI for building powerful tables & datagrids
Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.
Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.
'/%3e%3cellipse%20rx='11'%20ry='4.2'%20transform='matrix(-.5%20.8660254%20-.8660254%20-.5%200%200)'/%3e%3c/g%3e%3c/svg%3e)
'/%3e%3cellipse%20cx='0'%20cy='0'%20stroke-width='16px'%20rx='75px'%20ry='196px'%20fill='none'%20stroke='white'%20transform='rotate(-52.5)'/%3e%3ccircle%20cx='0'%20cy='0'%20r='34'%20fill='white'/%3e%3c/svg%3e)
'%3e%3cpath%20d='m222.077%2039.192-8.019%20125.923-76.671-165.115zm-53.105%20162.825-57.933%2033.056-57.934-33.056%2011.783-28.556h92.301zm-57.933-139.342%2030.357%2073.803h-60.715zm-103.102%20102.44-7.937-125.923%2084.69-39.192z'%20fill='url(%23a)'/%3e%3cpath%20d='m222.077%2039.192-8.019%20125.923-76.671-165.115zm-53.105%20162.825-57.933%2033.056-57.934-33.056%2011.783-28.556h92.301zm-57.933-139.342%2030.357%2073.803h-60.715zm-103.102%20102.44-7.937-125.923%2084.69-39.192z'%20fill='url(%23b)'/%3e%3c/g%3e%3c/svg%3e)
'%20opacity='.3'/%3e%3cpath%20d='m23%2015.1-1.7.5c-7.9%202.6-10.6%209.9-6.1%2016.4a21.1%2021.1%200%200%200%2022.5%207.1l29.5-9.6c.1%200-24.8-18.8-44.2-14.4z'%20fill='%23518ac8'/%3e%3cpath%20d='m23%2015.1-1.7.5c-7.9%202.6-10.6%209.9-6.1%2016.4a21.1%2021.1%200%200%200%2022.5%207.1l29.5-9.6c.1%200-24.8-18.8-44.2-14.4z'%20fill='url(%23b)'%20opacity='.3'/%3e%3cpath%20d='m61.9%2036.4c-5.4-6.8-14.3-9.6-22.6-7.1l-29.5%209.5-9.3%2016.5%2052.8%209%209.5-16.8c1.9-3.2%201.7-7.3-.9-11.1z'%20fill='url(%23c)'/%3e%3cpath%20d='m52.6%2052.9c-5.4-6.8-14.3-9.6-22.5-7.2l-29.6%209.6s25%2018.8%2044.3%2014.4l1.7-.5c8-2.4%2010.7-9.8%206.1-16.3z'%20fill='url(%23d)'/%3e%3c/svg%3e)
'%3e%3cpath%20d='m40%20120%2020-60%2090%2090-30%2050-40-40h-20'%20fill='%2300e8ff'/%3e%3cpath%20d='m80%20160v-80l40-40v80m-120%2040%2040%2040%2020-40-20-40h-20'%20fill='%23283198'/%3e%3cpath%20d='m40%20120v-80l40-40v80m40%20120v-80l40-40v80m-160%200v-80l40%2040'%20fill='%23324fff'/%3e%3cpath%20d='m40%20200v-80l40%2040'%20fill='%230ff'/%3e%3c/g%3e%3c/svg%3e)
