Sensel

A modern component and action library for Svelte 5+.

Overview

Sensel is a lightweight, flexible library that provides a collection of reusable components and actions for Svelte 5 and above. Built with modern Svelte features in mind, it aims to enhance your development workflow while maintaining optimal performance.

Installation

# Using npm
npm install sensel

# Using pnpm
pnpm add sensel

# Using yarn
yarn add sensel

Requirements

• Svelte 5.0.0 or higher

Usage

Components

Import components directly from the package:

<script>
  import { ComponentName } from 'sensel';
</script>

<ComponentName />

Actions

Import actions using the use: directive:

<script>
  import { actionName } from 'sensel/actions';
</script>

<div use:actionName={options} />

Documentation

For detailed documentation and examples, please visit our documentation site.

Features

• Built specifically for Svelte 5+
• Tree-shakeable exports
• TypeScript support
• Zero dependencies
• SSR compatible
• Lightweight and performant

Development Setup

git clone https://github.com/mielsense/sensel.git
cd sensel
pnpm install
pnpm dev

Testing

pnpm test

Building

pnpm build

License

MIT

Author

Created and maintained by mielsense.

Support

• Create an issue
• Follow updates on Twitter
• Join our Discord community