Neat-Svelte

Neat-Svelte is a cutting-edge component library tailored for Svelte applications, leveraging the power of Tailwind CSS for styling and focusing on Shadow DOM encapsulation to ensure style isolation and component integrity.

Features

• Shadow DOM Encapsulation: Encapsulates the styles within components, preventing any unwanted style leaks or conflicts with the global styles.
• Tailwind CSS Integration: Uses Tailwind CSS's utility-first approach to offer extensive customization possibilities for components.
• Svelte Optimized: Designed specifically for Svelte, enhancing reactivity and component lifecycle management for smoother development experiences.

Getting Started

To begin using Neat-Svelte in your Svelte project, install the library with the following command:

npm install neat-svelte

Importing Components

Import and use components from Neat-Svelte like so:

<script>
	import { Button, TextInput } from 'neat-svelte';
</script>

<Button variant="primary">Click Me</Button>
<TextInput placeholder="Enter text here" />

Documentation

For comprehensive documentation on each component and usage instructions, please refer to the Neat-Svelte Documentation.

Contributing

We welcome contributions! If you're interested in improving Neat-Svelte, please review our contributing guidelines.

License

Neat-Svelte is open-sourced software licensed under the MIT license.

About

Created by Panagiotis from Greece, Neat-Svelte aims to offer beautifully designed, encapsulated, and efficient UI components for Svelte developers. For more details, visit our GitHub repository or our website.