https://github.com/ignatiusmb/syv
Svelte Complementary Library
https://github.com/ignatiusmb/syv
complementary component headless icons library svelte
Last synced: 9 months ago
JSON representation
Svelte Complementary Library
- Host: GitHub
- URL: https://github.com/ignatiusmb/syv
- Owner: ignatiusmb
- License: mit
- Created: 2020-11-21T07:58:58.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-06-03T10:32:00.000Z (9 months ago)
- Last Synced: 2025-06-04T07:48:09.102Z (9 months ago)
- Topics: complementary, component, headless, icons, library, svelte
- Language: Svelte
- Homepage: https://syv.mauss.dev
- Size: 615 KB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# syv
> A small but capable Svelte utility library — built from the pieces I kept rewriting
syv provides essential building blocks for common UI and app patterns.
- 🧩 **Core components** for common patterns:
- Handle meta tags with `import MetaHead from 'syv/core/MetaHead.svelte'`
- Lazy-load a component with `import LazyLoad from 'syv/core/LazyLoad.svelte'`
- Observer element visibility with `import Observe from 'syv/core/Observe.svelte'`
- 🗂️ **Modular by design** — imports are organized by namespace
- 🌐 **SSR-safe** — work seamlessly across client and server, no need to guard with `if (browser)`
## Usage
```bash
pnpm add -D syv
```
## API Documentation
| Module | Import |
| -------------------------------------------- | ----------------------- |
| [`core`](/src/lib/core/index.ts) | `'syv'` |
| [`core/*.svelte`](/src/lib/core) | `'syv/core/*.svelte'` |
| [`attachment`](/src/lib/attachment/index.ts) | `'syv/attachment'` |
| [`action`](/src/lib/api/index.ts) | `'syv/action'` |
| [`loader/*.svelte`](/src/lib/loader) | `'syv/loader/*.svelte'` |
| [`store`](/src/lib/store/index.ts) | `'syv/store'` |