Colibri is a lightweight, customizable component library for Svelte apps. Our goal is to provide you with a set of components for the majority of common use cases, letting you build on top of that to realize your ideas without worrying about finding or building basic interactive elements. We also want to give you the flexibility to style the components however you want while keeping things consistent for you.
See our documentation at https://colibri-thetinkerinc.vercel.app/
npm install @thetinkerinc/colibri
<script>
import { Themer } from '@thetinkerinc/colibri';
import theme from '@thetinkerinc/colibri/themes/colibri.js';
import '@thetinkerinc/colibri/styles/all.css';
</script>
<Themer {theme}>
<slot />
</Themer>
<script>
import { Button } from '@thetinkerinc/colibri';
function handleClick() {
console.log("That's all there is to it!");
}
</script>
<Button on:click={handleClick}>Click me</Button>
This is a new library, so we're still working on adding new components and features as well as working on stability. If something isn't working as you'd expect, or if there is a component you would like to see, please open up an issue! We'll try to get on it as soon as possible.
In the meantime, here's our current roadmap of what we'd like to work on: