- AgnosticUI: https://www.agnosticui.com/
- Svelte Material UI: https://sveltematerialui.com/
- SvelteMaterialify: https://svelte-materialify.vercel.app/
- Svelterial: https://svelterialjs.github.io/svelterial/
- SvelteStrap: https://sveltestrap.js.org/
- Smelte: https://smeltejs.com/
- Carbon Components Svelte: https://carbon-components-svelte.onrender.com/
- Svelte Chota: https://alexxnb.github.io/svelte-chota
- Fluent Svelte: https://fluent-svelte.vercel.app/
- Headless UI: https://github.com/rgossiaux/svelte-headlessui
- https://github.com/antfu/unplugin-icons (includes SvelteKit instructions)
- https://iconify.design/
- https://icones.js.org/collection/cil (nice search UI)
PicoCSS is a nice starting place for CSS.
To use picocss, easiest thing to do is run:
npm install @picocss/pico
To add the library, and then add the following to a __layout.svelte file in the root of the routes directory.
<script>
import '@picocss/pico'
</script>
<slot></slot>Alternatively, the SCSS version can be added via:
import '@picocss/pico/scss/pico.scss'
The whole process of adding a CSS or SCSS file to SvelteKit is a bit complicated. Here are some links to some discussion.