@opentagcloud/solid

SolidJS adapter for openTagCloud — a dependency-free, self-packing, SSR-friendly tag cloud.

npm install @opentagcloud/solid

import { TagCloud, type TagCloudItem } from '@opentagcloud/solid';

const items: TagCloudItem[] = [
  { label: 'JavaScript', weight: 95, href: '/tags/javascript' },
  { label: 'TypeScript', weight: 88 },
  { label: 'Rust', weight: 60 }, // no href → renders as a <span>
];

export function Page() {
  return (
    <div style={{ height: '320px' }}>
      <TagCloud items={items} />
    </div>
  );
}

Ships two builds: uncompiled Solid JSX under the solid export condition (compiled by vite-plugin-solid alongside your own code, as in every Solid / SolidStart app), plus a pre-compiled DOM build as the import/default entry — so Jest/Vitest in Node, webpack/Rspack, and other setups that don't transform node_modules work out of the box. SSR-safe: the deterministic per-tag scatter keeps server and hydrated markup in sync.

Props (items, minPx, maxPx, fill, class), theming custom properties, and the layout algorithm are documented in the project README.

License

MIT © Henry Koren