Svelteit UX/UI Library

Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects

Svelteit v1.0.0-alpha.7

Out of the box, we're launching with ~30 Svelteit components and plan to add more throughout our journey. Admittedly so, this is our first take on writing UI components for the open source community. We imagine this journey will be exciting at times and painful at others. For now, we're having fun!

Why?

Yes, there are many component libraries out there today, but we wanted our own. If you like our components, use it. If you see a problem, make a pull request or fork your own and roll with it.

Screenshots

Example Code

In this example, you can add a Card component in a couple of ways.

<script>
import { Card, Button } from '@colorfuldots/svelteit'
</script>
<Card>
<h3>I have a title</h3>
<p>I have a description</p>
<Button success rounded medium outlined>I have a button, Baby!</Button>
</Card>
<!-- OR you could do it like this -->
<Card
title="I have a title"
description="I have a description"
buttonComponent={<Button success rounded medium outlined>I have a button, Baby!</Button>}
/>

Documentation

Thanks for reading. Happy coding!