layerchart icon indicating copy to clipboard operation
layerchart copied to clipboard

Integration examples

Open techniq opened this issue 1 year ago • 1 comments

As LayerChart continues to grow and be used by more developers in new and existing projects, I would love to track a list of open source projects (or even closed but have developer who could be used as reference) of various combinations of component frameworks (Svelte UX, Skeleton, shadcn-svelte, Daisy UI, ...) and other factors (Tailwind only, Unocss, vanilla classes, SvelteKit, Vite-only, Svelte-only), etc.

This will prove immensely valuable for new developers coming to the project, as well as providing support by having reference implementations. These will translate to improved documentation around those use cases as well, and identify integrations to improve.

I would love for everyone to leave a comment with their stack and any notes you would love to pass on to other developers (mapping CSS variables/themes between frameworks, etc).

Here is a start (and I will edit and consolidate comments here):

Project / URL UI components CSS
Github Analysis Svelte UX Tailwind
Strava Analysis Svelte UX Tailwind
layerchart-shadcn-svelte example shadcn-svelte Tailwind

(Note: I have some projects that are Svelte UX only, such as peerjs scoreboard (for cornhole) and a few smaller projects so I might do something similar within Svelte UX, although there is less variability from that perspective.

techniq avatar Apr 27 '24 21:04 techniq

I've created a simple layerchart-shadcn-svelte project as reference.

techniq avatar Jun 30 '24 20:06 techniq