open-index/open-npm huggingface dataset:
npm package: @sveltestack/svelte-query
Description: Hooks for managing, caching and syncing asynchronous and remote data in Svelte
Latest version: 1.6.0

<img src="./docs/src/images/svelte-query-og.png" />

Hooks for managing, caching and syncing asynchronous and remote data in Svelte

## Visit [sveltequery.vercel.app](https://sveltequery.vercel.app) for docs, guides, API and more!

## Quick Features

- Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)
- Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)
- Parallel + Dependent Queries
- Mutations + Reactive Query Refetching
- Multi-layer Cache + Automatic Garbage Collection
- Paginated + Cursor-based Queries
- Load-More + Infinite Scroll Queries w/ Scroll Recovery
- Request Cancellation


## Contributing

**PRs are welcome!**
You noticed a bug, a possible improvement or whatever?
Any help is always appreciated, so don't hesitate opening one!

Be sure to check out the [contributing guidelines](CONTRIBUTING.md) to fasten up the merging process.

**Get started (Devs)**

```bash
git clone git@github.com:SvelteStack/svelte-query.git
cd svelte-query
yarn
yarn storybook
```

**Running Storybook**

```bash
cd storybook
yarn
yarn start
```

**Running the tests**

```bash
yarn test
```

**Running the Docs**

```bash
cd docs
yarn
yarn build
yarn start
```
http://localhost:3000

**Build**

```bash
yarn build
```
npm package: @sveltestuff/adapter-vercel
Description: A SvelteKit adapter that creates a Vercel app.
Latest version: 1.0.0-next.66

# adapter-vercel

A SvelteKit adapter that creates a Vercel app.

If you're using [adapter-auto](../adapter-auto), you don't need to install this unless you need to specify Vercel-specific options, since it's already included.

## Usage

Add `"@sveltejs/adapter-vercel": "next"` to the `devDependencies` in your `package.json` and run `npm install`.

Then in your `svelte.config.js`:

```js
import vercel from '@sveltejs/adapter-vercel';

export default {
  kit: {
    // default options are shown
    adapter: vercel({
      // if true, will deploy the app using edge functions
      // (https://vercel.com/docs/concepts/functions/edge-functions)
      // rather than serverless functions
      edge: false,

      // an array of dependencies that esbuild should treat
      // as external when bundling functions
      external: [],

      // if true, will split your app into multiple functions
      // instead of creating a single one for the entire app
      split: false
    })
  }
};
```

## Notes

### Vercel functions

Vercel functions contained in the `/api` directory at the project's root will _not_ be included in the deployment — these should be implemented as [endpoints](https://kit.svelte.dev/docs/routing#endpoints) in your SvelteKit app.

### Node version

Projects created before a certain date will default to using Node 14, while SvelteKit requires Node 16 or later. You can change that in your project settings:

![Vercel project settings](settings.png)

## Changelog

[The Changelog for this package is available on GitHub](https://github.com/sveltejs/kit/blob/master/packages/adapter-vercel/CHANGELOG.md).
npm package: @svelteuidev/actions
Description: Svelte actions library with useful lifecycle functions (aka actions).
Author: Kamell Perry
Latest version: 0.6.3-next.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# SvelteUI Actions

## Actions library with useful lifecycle functions.

- Package includes functions that are used to build components in @svelteuidev/ scoped packages.
- You can use these functions in your applications with or without other @svelteuidev/ packages.

## Documentation

[See full documentation on the SvelteUI website](https://svelteui.org/)

## Installation

```bash
# With yarn
yarn add @svelteuidev/actions

# With npm
npm i @svelteuidev/actions
```

## Included Actions

- [use-click-outside](https://svelteui.org/actions/use-click-outside) – Triggers a callback when a user clicks outside of a given element
- [use-clipboard](https://svelteui.org/actions/use-clipboard) - Copies text to the clipboard when DOM element is clicked
- [use-css-variable](https://svelteui.org/actions/use-css-variable) - Update css properties on the fly whenever some of their values change
- [use-download](https://svelteui.org/actions/use-download) - Causes a download to occur with a given Blob object
- [use-focus](https://svelteui.org/actions/use-focus) - Calls focus on a node once mounted into the DOM
- [use-hot-key](https://svelteui.org/actions/use-hot-key) - Calls focus on a node once mounted into the DOM
- [use-lazy](https://svelteui.org/actions/use-lazy) - Lazily attach properties to any DOM element when it is in the window
- [use-long-press](https://svelteui.org/actions/use-long-press) - Creates a longpress event when mousedown is above a duration in milliseconds
- [use-page-leave](https://svelteui.org/actions/use-page-leave) - Prevent current tab from being closed by user
- [use-persistent-tab](https://svelteui.org/actions/use-persistent-tab) - Render an element or component anywhere in the DOM
- [use-portal](https://svelteui.org/actions/use-portal) - Call function when mouse leaves the page
- [use-tab-leave](https://svelteui.org/actions/use-tab-leave) - Call a function when the current tab is switched

## License

All svelteui packages have MIT license. All svelteui dependencies also have MIT license.
npm package: @svelteuidev/composables
Description: Svelte actions and utilities library
Author: Kamell Perry
Latest version: 0.15.7

<p align="center">
  <h1 align="center">Storybook SvelteKit Typescript starter</h1>
  <h3 align="center">This is a project that will get your storybook setup's up and running with no headache 😁.</h3>
</p>

# Installation

This is a template repo, so just click the button that says use this template

# Project Configuration

> Guides will be written later on integrating other tools (tailwind, postcss, etc.)

# Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/core
Description: Svelte component library for creating fully functional and accessible web applications quickly
Author: Kamell Perry
Latest version: 0.15.7

<center>
  <h1 align="center">SvelteUI</h1>

[![TypeScript](https://badges.frapsoft.com/typescript/code/typescript.svg?v=101)](https://github.com/ellerbrock/typescript-badges/)

</center>

SvelteUI is a Svelte library (heavily inspired by but not affiliated with Mantine) with a variety of packages to help make development easier! This library not only aims to be more than just a component library, but one that fits all the needs of a project. SvelteUI aims to take care of the boring and complicated stuff for you so that you can start building quickly.

Instead of remaking the same components, recreating custom actions, transitions, utilities, etc. SvelteUI is designed so you can start making projects quickly. It works amazingly well out-of-the-box, with zero-configuration, and can be customized to your liking as your application grows.

# Features

- SvelteKit and SSR Compatible
- TypeScript and type definitions are supported, but optional.
- All components are accessible according to WAI-ARIA standards.
- Dark theme included, as well as a custom theming api.
- Highly customizable
- Minimal to no third-party dependency usage.
- Easy setup - Zero Configuration

# Installation

See https://www.svelteui.dev/installation for complete guide.

```
npm i @svelteuidev/core @svelteuidev/composables
```

# Project Configuration

Wrap your app in the `SvelteUIProvider` component for more theming options, such as dark theme.

```svelte
<script>
	import { SvelteUIProvider } from '@svelteuidev/core';
</script>

<SvelteUIProvider>
	<YourApp />
</SvelteUIProvider>
```

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/dates
Description: Calendars, date and time pickers based on SvelteUI components
Author: Kamell Perry
Latest version: 0.15.7

<p align="center">
  <h1 align="center">Storybook SvelteKit Typescript starter</h1>
  <h3 align="center">This is a project that will get your storybook setup's up and running with no headache 😁.</h3>
</p>

# Installation

This is a template repo, so just click the button that says use this template

# Project Configuration

> Guides will be written later on integrating other tools (tailwind, postcss, etc.)

# Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/motion
Description: Svelte animation library with Transition functions and Animation Components to improve the UI experience
Author: Kamell Perry
Latest version: 0.15.7

<p align="center">
  <h1 align="center">Storybook SvelteKit Typescript starter</h1>
  <h3 align="center">This is a project that will get your storybook setup's up and running with no headache 😁.</h3>
</p>

# Installation

This is a template repo, so just click the button that says use this template

# Project Configuration

> Guides will be written later on integrating other tools (tailwind, postcss, etc.)

# Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/preprocessors
Description: Svelte preprocessor library to assist in many areas of development
Author: Kamell Perry
Latest version: 0.15.7

<p align="center">
  <h1 align="center">Storybook SvelteKit Typescript starter</h1>
  <h3 align="center">This is a project that will get your storybook setup's up and running with no headache 😁.</h3>
</p>

# Installation

This is a template repo, so just click the button that says use this template

# Project Configuration

> Guides will be written later on integrating other tools (tailwind, postcss, etc.)

# Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/prism
Description: Code highlight with SvelteUI theme
Author: Kamell Perry
Latest version: 0.15.7

<p align="center">
  <h1 align="center">Storybook SvelteKit Typescript starter</h1>
  <h3 align="center">This is a project that will get your storybook setup's up and running with no headache 😁.</h3>
</p>

# Installation

This is a template repo, so just click the button that says use this template

# Project Configuration

> Guides will be written later on integrating other tools (tailwind, postcss, etc.)

# Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

# License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @svelteuidev/utilities
Description: Svelte utilities library with generally useful functions to assist in development.
Author: Kamell Perry
Latest version: 0.6.3-next.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# SvelteUI Utilities

## **Utility library with functions to assist in development.**

- Package includes functions that are used to build components in @svelteui/ scoped packages.
- You can use these functions in your applications with or without other @svelteui/ packages.

## Documentation

[See full documentation on the SvelteUI website](https://svelteui.org/)

## Installation

```bash
# With yarn
yarn add @svelteuidev/utilities

# With npm
npm i @svelteuidev/utilities
```

## Included Utilities

- [hash](https://svelteui.org/utilities/hash) – Generates a random hash with a specified prefix
- [os](https://svelteui.org/utilities/os) – Identifies the user's os
- [raf-fn](https://svelteui.org/utilities/raf-fn) – Call function on every requestAnimationFrame

## License

All svelteui packages have MIT license. All svelteui dependencies also have MIT license.
npm package: @sveltevietnam/ui
Description: UI kit for Svelte Vietnam
Author: Svelte Vietnam
Latest version: 1.0.0-next.30

# @sveltevietnam/ui

<img src="https://raw.githubusercontent.com/sveltevietnam/branding/main/sveltevietnam-logo.png" align="left" width="192" height="192"/>
<img align="left" width="0" height="192" hspace="2" vspace="2" />

<br />
<br />

[![npm.badge]][npm.link] [![MIT][license.badge]][license] [![Discord][socials.discord.badge]][socials.discord]

A design system for [the Svelte Vietnam project](https://github.com/sveltevietnam/sveltevietnam.dev), packaged as [Tailwind presets](https://tailwindcss.com/docs/presets).

<br />
<br />
<br />

## Installation

Install the necessary packages using your package manger of choice:

```bash
pnpm add -D tailwindcss postcss svelte @sveltevietnam/ui
```

Re-export the predefined Postcss config:

```javascript
// postcss.config.js
import config from '@sveltevietnam/ui/css/postcss';

export default config;
```

Add the preset to your `tailwind.config.js`:

```javascript
// tailwind.config.js
import sveltevietnam from '@sveltevietnam/ui/css/tailwind';

/** @type {import("tailwindcss").Config } */
export default {
	content: ['./src/**/*.{html,js,svelte,ts,md}', 'svelte.config.js'],
	presets: [...sveltevietnam],
};
```

In your entry CSS, import `fonts.css`:

```css
/* app.css */
@import url('@sveltevietnam/ui/css/fonts.css');

@tailwind base;
@tailwind components;
@tailwind utilities;
```

## Editor Support

It is recommended, if possible, that you install the appropriate editor plugin/extension that adds support for TailwindCSS Language Server. If you are using VSCode, install the official [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss). This greatly improves code discovery and developer productivity.

## Documentation

...Coming soon...

[license.badge]: https://img.shields.io/badge/license-MIT-blue.svg
[license]: ./LICENSE
[npm.badge]: https://img.shields.io/npm/v/@sveltevietnam/ui
[npm.link]: https://www.npmjs.com/package/@sveltevietnam/ui
[socials.discord.badge]: https://img.shields.io/discord/1066621936546877450?color=7289da&label=Discord&logo=discord
[socials.discord]: https://discord.sveltevietnam.dev
npm package: @sveltevk/icons
Description: SVG icons, provided as a Svelte components.
Author: Daniil Suvorov
Latest version: 1.154.0

# Svelte VK Icons

SVG icons, provided as a Svelte components.

- [GitHub][github-url]
- [npm][npm-url]
- [Changelog][changelog-url]

Based on [VKCOM/icons](https://github.com/VKCOM/icons)

## Setup

```sh
npm i @sveltevk/icons
```

## Example

[![REPL][repl]](https://svelte.dev/repl/363b61d1a57548ae861d6a5ec184308f)

```svelte
<script>
	import Icon24Cancel from '@sveltevk/icons/dist/24/cancel';
</script>

<Icon24Cancel />
```

or base import:

```svelte
<script>
	import { Icon24LogoVk } from '@sveltevk/icons';
</script>

<Icon24LogoVk width={20} height={20} color="#4bb34b" />
```

Note: Even if using the base import method, a modern application bundler like Rollup or webpack should [tree shake](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking) unused imports.

[npm]: https://img.shields.io/npm/v/@sveltevk/icons.svg?color=blue
[npm-url]: https://npmjs.com/package/@sveltevk/icons
[chat]: https://img.shields.io/badge/VK%20chat-%234a76a8.svg?logo=VK&logoColor=white
[chat-url]: https://vk.me/join/AJQ1d3IXhxgxghIc5PFNiLCd
[svelte]: https://img.shields.io/badge/svelte-v3-blueviolet.svg
[svelte-url]: https://svelte.dev
[license]: https://img.shields.io/github/license/sveltevk/icons
[license-url]: https://github.com/sveltevk/icons/blob/master/LICENSE
[site-url]: https://sveltevk.github.io/icons/
[changelog-url]: https://github.com/sveltevk/icons/releases
[github-url]: https://github.com/sveltevk/icons
[repl]: https://img.shields.io/badge/svelte-REPL-red?logoColor=white&style=flat-square
npm package: @sveltevk/pure
Description: VKUI на чистом css с использованием html тегов. Предназначен для документации и простых приложений.
Author: Daniil Suvorov
Latest version: 0.0.2

# @sveltevk/pure

VKUI на чистом css с использованием html тегов.
Предназначен для документации и простых приложений.

## Использование

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/@sveltevk/pure/src/index.min.css"
  crossorigin="anonymous"
/>
```

Смотри [документацию](https://sveltevk.github.io/pure)

## TODO

- [x] Поддержка ios
- [x] Темная тема
- [x] Адаптивность
- [x] Структура экранов

- [x] header
- [x] div
- [x] section
- [x] footer
- [x] hr
- [ ] button

- [x] h1-6
- [x] p
- [x] a

- [ ] input type="text"
- [ ] textarea
- [ ] input type="checkbox"
- [ ] input type="radio"
- [ ] select
- [ ] input type="file"

## Лицензия

[MIT](LICENSE)
npm package: @sveltevk/vksui
Description: VKSUI library
Author: Daniil Suvorov
Latest version: 0.0.5

# VKSUI

[![NPM][npm]][npm-url]
[![VK chat][chat]][chat-url]
[![svelte-v3][svelte]][svelte-url]

VKSUI — это библиотека адаптивных Svelte-компонентов. С ее помощью вы сможете
создавать веб-приложения и
[VK Mini Apps](https://vk.com/miniapps) в экосистеме [ВКонтакте](https://vk.com).

Библиотека основана на [VKUI](https://vkcom.github.io/VKUI/) с использованием
[Svelte](https://svelte.dev/).

## ВНИМАНИЕ

Данная библиотека в процессе разработки

## Документация

Смотри [сайт][site-url]

[npm]: https://img.shields.io/npm/v/@sveltevk/vksui.svg?color=blue
[npm-url]: https://npmjs.com/package/@sveltevk/vksui
[chat]: https://img.shields.io/badge/VK%20chat-%234a76a8.svg?logo=VK&logoColor=white
[chat-url]: https://vk.me/join/AJQ1d3IXhxgxghIc5PFNiLCd
[svelte]: https://img.shields.io/badge/svelte-v3-blueviolet.svg
[svelte-url]: https://svelte.dev
[license]: https://img.shields.io/github/license/sveltevk/VKSUI
[license-url]: https://github.com/sveltevk/VKSUI/blob/master/LICENSE
[site-url]: https://sveltevk.github.io/VKSUI/
[changelog-url]: https://github.com/sveltevk/VKSUI/releases
[github-url]: https://github.com/sveltevk/VKSUI
[repl]: https://img.shields.io/badge/svelte-REPL-red?logoColor=white&style=flat-square
npm package: @sveltevk/widgets
Description: VK widgets, provided as a Svelte components.
Author: Daniil Suvorov
Latest version: 0.0.1

# Svelte VK widgets

[![NPM][npm]][npm-url]
[![VK chat][chat]][chat-url]
[![svelte-v3][svelte]][svelte-url]

VK widgets, provided as a Svelte components.

**WORK IN PROGRESS**!

## Setup

```sh
npm i @sveltevk/widgets
```

## Usage

See [site][site-url]

[npm]: https://img.shields.io/npm/v/@sveltevk/widgets.svg?color=blue
[npm-url]: https://npmjs.com/package/@sveltevk/widgets
[chat]: https://img.shields.io/badge/VK%20chat-%234a76a8.svg?logo=VK&logoColor=white
[chat-url]: https://vk.me/join/AJQ1d3IXhxgxghIc5PFNiLCd
[svelte]: https://img.shields.io/badge/svelte-v3-blueviolet.svg
[svelte-url]: https://svelte.dev
[license]: https://img.shields.io/github/license/sveltevk/widgets
[license-url]: https://github.com/sveltevk/widgets/blob/master/LICENSE
[site-url]: https://sveltevk.github.io/widgets/
[changelog-url]: https://github.com/sveltevk/widgets/releases
[github-url]: https://github.com/sveltevk/widgets
[repl]: https://img.shields.io/badge/svelte-REPL-red?logoColor=white&style=flat-square
npm package: @sveltia/cms
Description: Sveltia CMS is a modern, lightweight, Git-based headless content management system.
Author: Kohei Yoshino
Latest version: 0.152.5

# Sveltia CMS

[Sveltia CMS](https://sveltiacms.app/en/) is a free, open-source, Git-based headless content management system built for modern web development using the [Jamstack](https://jamstack.org/) architecture.

Designed for content editors and developers alike, Sveltia CMS delivers a modern UX, outstanding DX, and top-notch internationalization (i18n) support — all in a small, maintenance-free JavaScript bundle that runs entirely in the browser. Its framework-agnostic, generic-purpose design makes it suitable for a wide range of projects, from personal blogs and marketing sites to product catalogs and knowledge bases.

As the [de facto successor to Netlify CMS](https://sveltiacms.app/en/docs/successor-to-netlify-cms) (now Decap CMS), Sveltia CMS addresses hundreds of longstanding issues while maintaining high compatibility with the existing configuration format and API. More and more sites are [migrating from Netlify/Decap CMS](https://sveltiacms.app/en/docs/migration/netlify-decap-cms) to benefit from the significantly improved experience, security, and reliability.

Explore real-world examples in our [showcase](https://sveltiacms.app/en/showcase), or visit the [documentation](https://sveltiacms.app/en/docs) to get started.

[![Sveltia CMS: Fast, Git-based, Headless, Modern UX, Mobile Support, I18n Support, Open Source](https://sveltiacms.app/images/highlights/cover.webp)](https://sveltiacms.app/en/)

[![295 Netlify/Decap CMS issues solved in Sveltia CMS](https://sveltiacms.app/images/highlights/decap-issues.webp?20260311)](https://sveltiacms.app/en/docs/successor-to-netlify-cms)

## Documentation

We provide comprehensive documentation to help you get started and make the most of Sveltia CMS:

- [Introduction](https://sveltiacms.app/en/docs/intro): Product highlights, use cases, project goals
- [Getting Started](https://sveltiacms.app/en/docs/start): Step-by-step setup instructions
- [Migration Guides](https://sveltiacms.app/en/docs/migration): Instructions for migrating from other CMSs
- [Roadmap](https://sveltiacms.app/en/docs/roadmap): Upcoming features and improvements

## Community

Stay connected and get support through our community channels:

- [Bluesky](https://bsky.app/profile/sveltiacms.app): Follow us for news and updates
- [Discord](https://discord.com/invite/5hwCGqup5b): Join the community and chat with us
- [GitHub Discussions](https://github.com/sveltia/sveltia-cms/discussions): Ask questions and share ideas
- [Contribute](https://github.com/sveltia/sveltia-cms/blob/main/CONTRIBUTING.md): Learn how to get involved