Solid Tiny UI

still work in progress...

Try

pnpm add solid-tiny-ui @solid-tiny-ui/unocss-preset

Add presets to your unocss configuration

// uno.config.ts
import { presetTinyUi } from "@solid-tiny-ui/unocss-preset";
import { list } from "solid-tiny-utils";
import { defineConfig, presetIcons, presetWind3 } from "unocss";

export default defineConfig({
  safelist: [
    ...list(9).map((i) => `bg-brand-${i}`),
    ...list(9).map((i) => `bg-neutral-${i}`),
  ],
  presets: [
    presetWind3({
      preflight: false,
    }),
    presetTinyUi(),
    presetIcons(),
  ],
});

Introduce solid-tiny-ui at the entry

export function App() {
  return (
    <Router
      root={(props) => (
        <TinyUiProvider hue={200}>
              <Suspense>
                  {props.children}
              </Suspense>
        </TinyUiProvider>
      )}
    >
      {routes}
    </Router>
  );
}