To Keep It Going, Please Show Your Love.Buy Me a Coffee at

Runes Webkit

This is a demo page. Please read How to use page.

Runes Webkit

A collection of reusable Svelte components for building user interfaces for Runes.

Svelte 4/5/Runes

Verions 1 is for Svelte 4/5 and version 2 is for Svelte 5 Runes.

Brands, Regular, and Solid Icons

2000+ SVG Icons.

Accessible SVGs

A11y props, title, desc, and ariaLabel for accessible SVG icons.

Faster Compiling

Import icons directly to optimize compilation speed and improve performance.

IDE Support

Hovering over a component name will display features, props, events, and more for an LSP-compatible editors.

Global Icon

Use Icon to careat default global icons.

Tailwind CSS

CSS Frameworks support

Use TailwindCSS, Bootstrap CSS, or any other CSS frameworks.

Dark mode

Use class props to add your dark mode color.


Technical information about this website