Introducing Mytril Svelte UI Components

Introduction

A fast, flexible, and framework-agnostic UI library for Svelte.

Mytril is a pure Svelte component library designed for developers who need performance, flexibility, and total control over styling.

👉 No CSS frameworks required. No extra dependencies. Just lightweight, customizable Svelte components.

Mytril is built for developers

Why reinvent the wheel when you can concentrate on building great experiences?

Mytril simply provides highly customizable building blocks that integrate into your design system. Please note: Mytril does not dictate the appearance of your user interface.

Want to use TailwindCSS or UnoCSS? No problem
Prefer CSS Modules, SCSS, or Vanilla CSS? That works just as well
Need dark mode or theme support? Easy with CSS variables

No rigid styling. Just lightweight components that give you the flexibility to style things your way.

How to get started?

Mytril is currently in a stabilization phase, but its API is solid and ready for production use. New features are coming, but the core structure won’t change.

Let’s install Mytril Svelte Components. Need help? Check out the Mytril Documentation or our GitHub Repository.

Contribute and get support

Spotted a bug? Have a feature request? Let’s build together! 🚀

Mytril library structure paths

Mytril follows a modular architecture for reasons of flexibility and maintainability. Here’s a presentation of Mytril’s different paths and organization:

All paths on Mytril:

📁 mytril/vite: plugin for Vite.js integration. Ensures fast builds and optimal HMR support.
📁 mytril/components: collection of ready-to-use Svelte components. Fully customizable.
📁 mytril/css: base styles & theme system. Works with Tailwind, SCSS, or Uno CSS.
📁 mytril/store: reactive Svelte stores for managing global state.

Why Mytril?

100% Svelte & SvelteKit ready: quick and easy integration, step-by-step explanation
No styling overhead: use Tailwind, SCSS, or Vanilla CSS, the choice is yours.
Lightweight and high-performance no code overload, just optimized components
Customizable: modify via JS props & CSS variables
Keep your project simple: develop it for fast, simple actions and use simple features

Start coding with easily scalable components, adapted to every design system.

From buttons to modals, form elements to advanced UI components, Mytril provides a clean foundation for your projects with its Svelte component library.

Start using Mytril - Let’s go

Whether you’re new to Svelte or an senior Svelte developer, Mytril helps you stay productive, keep control of your user interface and create scalable applications with ease.

Get Started and install Mytril

Stay Updated! Follow us for the latest news & updates:
🔹 Discord community: Minedelve Server
🔹 GitHub discussions: Join the community

Home