YeSvelte is a powerful and flexible Svelte UI component library, designed to help developers build enterprise-grade web applications quickly and easily. With a focus on rapid application development and framework independence, YeSvelte is the perfect complement to any CSS framework. The component's UI is inspired by Tabler UI Kit built on top of Bootstrap css.
To install YeSvelte, you can use npm:
npm install yesvelte@next
Once installed, you can import the components and use them in your Svelte application:
<script>
import { Button } from 'yesvelte'
</script>
<Button>Hello YeSvelte!</Button>
YeSvelte components have default styles which is based on tabler. which you can use like this:
<script>
import { Button } from 'yesvelte'
</script>
<svelte:head>
<link rel="stylesheet" href="https://unpkg.com/yesvelte@next/css/tabler.min.css" />
</svelte:head>
<Button color="primary">Hello YeSvelte!</Button>
Check out the documentation website for live demos of each component and detailed usage instructions.
Check this REPL to play with components!
Review our ROADMAP.
Use these channels to be part of the community, ask for help while using YeSvelte, or just learn more about it:
- Reddit: This is the main channel to join the community. You can ask for help, showcase your work with YeSvelte, and stay up to date.
- Discord
- GitHub Issues: for sending in any issues you face or bugs you find while using YeSvelte.
- GitHub Discussions: for joining discussions and submitting your ideas.