73 Repositories
JavaScript svelte Libraries
You can delegate events by on:* 🎉
Delegate events with on:* 🎉 💡 Easy to use ⚡️ No performance impact 🔑 No type errors with svelte-check Try it on Stackblitz 🚀. Overview Since 2019,
Svelte component to display time distances in a human readable format.
Time Distance Display time distances in a human readable format. Based on date-fns Updates every 60 seconds View demo Usage Install package: pnpm i -D
Komponenten-Bibliothek für die Barrierefreiheit
Willkommen bei KoliBri KoliBri steht für Komponenten-Bibliothek für die Barrierefreiheit Weiter zur Dokumentation… Vision Wir stellen gemeinsam wieder
A simple handle tap and hold action for Svelte/SvelteKit.
Svelte Tap Hold Minimalistic tap and hold component for Svelte/SvelteKit, see demo here. Installation // Using Yarn to install yarn add --dev svelte-t
An example SvelteKit app implementing a simple authentication system.
SvelteKit Auth Example An example SvelteKit app implementing a variety of authentication backends View the demo NOTE: this is very much a work in prog
A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.
Sveltosis Still in development A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framew
🐈 Tiny svelte implement
👀 Why Very interest in svelte, and i want to know how svelte works，i found that svelte is just a compiler, so i write this tiny svelte to learn it. ?
Share short notes with just a link. No database. No storage!
Patra | Share your notes! You can share short notes with just a link. No database. No storage! write short articles in markdown and share the link! wr
This is a starter templete for svelte kit and maplibre.
This is a starter template for maplibre and svelte Clone this application by running git clone https://github.com/Thuhaa/svelte-maplibre-starter.git A
A minimal presentation package for Svelte, including a "Presenter" and "Presentation View"
svelte - presenter A minimal presentation package for Svelte, includes synchronized "Presenter" and "Presentation" views. Adding Slides All slides are
A library for creating typesafe standardized query keys, useful for cache management in @tanstack/query
Query Key Factory Typesafe query key management for @tanstack/query with auto-completion features. Focus on writing and invalidating queries without t
ui components library starter based on svelte.js
What 这是一个svelte组件库的starter。 可以用它构建自己或者团队的组件库。 好处是：无论用户使用什么前端框架（Vue, React, Angular等），都可以引用基于svelte构建的组件库里的组件。 因为svelte编译完的组件其实是js模块，即无框架组件。 技术栈：vite +
Switch case syntax for Svelte ✨
Svelte switch case Switch case syntax for your Svelte components. Demo · StackBlitz · NPM Package ⚡ Getting started Step 1: Add the preprocessor to yo
Svultimate Svelte(Kit) Svutilities
/svu /svu is a collection of Svelte(Kit) utillities that make developing webapps even more easy and fun. Read the docs at http://svu.vercel.app Why Sv
Vite plugin for minifying / obfuscating CSS classes in production builds
vite-plugin-class-mangler Vite plugin for minifying / obfuscating classes in production builds. Compatible with Tailwind, inline, or imported styles.
A lightweight abstraction between Svelte stores and Chrome extension storage.
Svelte Chrome Storage A lightweight abstraction between Svelte stores and Chrome extension storage. This library makes data synchronization of backgro
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
🌍 typesafe-i18n A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects. Advantages 🐤 lightwe
Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime.
Bun Bakery Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime. Quick
Svelte✨ Floating UI 🎈
🎈 Svelte Floating UI Floating UI for Svelte with actions. No wrapper components or component bindings required! npm i -D svelte-floating-ui Usage cre
Trying to learn Svelte. Based off the official tutorial. Readme has notes!
Learning Svelte! A JavaScript library An open-source front end compiler Instead of using a virtual DOM, Svelte will directly update the DOM in an effi
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
A ✨light✨ and magical Svelte component for CSS media queries🐹
Svelte CSS media queries 🐥 Demo - Svelte REPL Lightweight, comfortable, like Svelte 🐣 how to install npm i svelte-media-queries What can I do? quer
A basic Svelte tooltip directive.
SVooltip A basic Svelte tooltip directive. Powered by Floating UI. Usage script import { tooltip } from 'svooltip'; import 'svooltip/svooltip.css'
Simple and lightweight form validation for Svelte with no dependencies.
Svelidate Simple and lightweight form validation for Svelte with no dependencies Installation // npm npm install svelidate // yarn yarn add svelidate
Simple and Extensible Markdown Parser for Svelte, however its simplicity can be extended to any framework.
svelte-simple-markdown This is a fork of Simple-Markdown, modified to target Svelte, however due to separating the parsing and outputting steps, it ca
A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.
Datetime Card A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today. Useful to
Vite Svelte plugin to remove console logs in prod.
vite-plugin-svelte-console-remover A Vite plugin that removes all console statements (log, group, dir, error, etc) from Svelte, JS, and TS files durin
Our new website for Kryptokrona ❤️
create-svelte Everything you need to build a Svelte project, powered by create-svelte. Creating a project If you're seeing this, you've probably alrea
A set of tools, helping you building efficient apps in a fast way. SvelteKit & GraphQL
KitQL KitQL, A set of tools, helping you building efficient apps in a fast way. 🌐 Infos Documentation: https://kitql.vercel.app/ Day by day progress,
Svelte component to render markdown.
svelte-exmarkdown Svelte component to render markdown. Motivation svelte-markdown is a good component package. However, it is not extensible. You cann
An unofficial(yet) implementation of Chakra Ui for SvelteJS
Welcome to chakra-ui-svelte 👋 An implementation of Chakra Ui in Svelte Homepage Demo Install pnpm install chakra-ui-svelte import { Box } from "chakr
The Fullstack Go Framework for Prolific Web Developers.
Bud The Fullstack Go Framework for Prolific Web Developers. Bud writes the boring code for you, helping you launch your website faster. Installation R
Internationalization for svelte framework. Based on i18next ecosystem
svelte-i18next Svelte wrapper for i18next npm i svelte-i18next i18next Implementation This library wraps an i18next instance in a Svelte Store to obs
A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.
A recreation of the popular game Wordle by Josh Wardle (now purchased by the New York Times), with additional modes and features. Hosted on GitHub pag
⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase
SupaComments ⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs 🚀 Demo You can visit the Below demo blog po
Small library to accomplish common tasks in Svelte/SvelteKit
svelte-utilities svelte-utilities is a small utilities library for Svelte/SvelteKit that provides features I use in almost every project, such as: Laz
Svelte debugging tool for re-rendering components
resvelte README This is the README for your extension "resvelte". After writing up a brief description, we recommend including the following sections.
A Svelte template built with newsroom CMS's in mind
A Svelte starter template built with newsroom CMS's in mind. Dynamically create inline graphics based on the placement of figure elements with defined data-chart attributes.
Know when your users are idle ⏳
Features | Demo No dependencies — TypeScript — SSR support — Readable store for idle value — onIdle callback Installation npm i svelte-idle Usage scr
Collect and generate mapping from file-based routers
roullector: route collector Collect and generate route data from a file-based router such as svelte-kit's What this does: show / hide !-- before --
A template repository for Deno, GraphQL, and Svelte projects
Svelte is an innovative approach to frontend software development, the component model, and reactivity features creates simplistic approach to some hard problems. Svelte runs on the front end and is known as a Single Page Application.
Opinionated SvelteKit Template for building web applications.
Opinionated SvelteKit Template for building web applications.
End-to-end typesafe APIs with tRPC.io in SvelteKit applications
✨ tRPC-SvelteKit End-to-end typesafe APIs with tRPC.io in SvelteKit applications. No code generation, run-time bloat, or build pipeline. ❤️ 🇺🇦 See b
An Electron app using NAPI-RS and a native Rust module to implement a Svelte store.
Svelte Store Written in Rust This repo shows a demo of an Electron app running a Svelte UI that reads and writes a Svelte store, but with a twist: the
Loads items in lazy way to achieve high performance and better UX in large lists
Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend
This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.
svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd
Chrome extension for granular visual control over Notion.so
Notion Style Tweaks (Beta) A Chrome extension aiming to give granular control over the visual experience of Notion. Written in Svelte. Installation Ch
Add Routify to your Svelte project
🎀 Add (work in progress) Routify to Svelte This is an adder for svelte-add; you should read its README before continuing here. ➕ Adding (work in prog
Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte
Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte. Built version (used at mineralfish.github.io) at the build branch. Build steps and original README below.
Adapter for SvelteKit apps that prerenders your site as a collection of static files for GitHub Pages
svelte-adapter-github Adapter for SvelteKit apps that prerenders your site as a collection of static files for GitHub Pages. Usage Install with npm i
Automatically configure Vitest from your SvelteKit configuration.
vitest-svelte-kit Automatically configure Vitest from your SvelteKit configuration. Getting Started Installing In an existing SvelteKit project, run t
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c
Time-traveling debugger for Svelte applications
DeLorean The first time-travelling debugger for Svelte applciations DeLorean is a debugging tool for Svelte developers. It records snapshots when a ta
🧞♂️ MESH·Y is a design tool to generate beautiful & colorful mesh gradients
Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.
A svelte action for creating tippy.js tooltips with full typescript support
Tippy.js for svelte A svelte action for creating tippy.js tooltips. Getting started # Pnpm pnpm add svelte-tippy tippy.js # Yarn yarn add svelte-tipp
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
A Svelte SPA Template for simple SPA Apps without using svelte kit.
Svelte SPA Template A Svelte Single Page Application Template for simple SPA Apps without using Svelte Kit or Sapper. New Project To create a new proj
bare bones demo of svelte-three
create-svelte Everything you need to build a Svelte project, powered by create-svelte; Creating a project If you're seeing this, you've probably alrea
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
A template to use GoLang Lorca package to make desktop applications using webview and Svelte for the frontend,
Svelte Lorca Template A starter project for building modern cross-platform desktop apps in Go, HTML, and Svelte. This project is a fork of lorca-ts-re
A small utility for managing an undo stack
svelte-undo A small utility for managing an undo stack, that you can subscribe to in your Svelte applications (or indeed anywhere else). Demo here. Us
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
svelte-webcomponents If you’re using web-components or if you like the project, please ★ this repository to show your support! 🤩 The world's most eas
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.
NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de
The next small thing in web development, powered by Svelte
sapper The next small thing in web development, powered by Svelte. What is Sapper? Sapper is a framework for building high-performance universal web a
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
⚡A zero-config bundler for JavaScript applications.
Poi is a bundler built on the top of webpack, trying to make developing and bundling apps with webpack as easy as possible. The Poi project is support
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.
NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Frontend compiler, inspired by Svelte
Malina.js Malina.js builds your web-application to use it without framework on frontend side. Therefore your web-app becomes thinner and faster, and t
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver