Introduction

MiniKit is a lightweight, HTML-first CSS and JavaScript library for building modern web interfaces.

It provides reusable components, layout utilities, and sensible defaults while staying close to native HTML. Components use semantic markup and require only a small amount of JavaScript where interaction is needed. MiniKit works with plain HTML and integrates seamlessly with frameworks such as Astro, React, Vue, HTMX, and Alpine.js.

Why MiniKit?

MiniKit is designed around the web platform instead of abstracting it. It enhances semantic HTML with consistent styling and lightweight interactive components, without introducing custom syntax or large JavaScript runtimes. The result is a small, accessible, and framework-agnostic library that lets you build modern interfaces using familiar HTML.

Key Features

• HTML First Build interfaces using semantic HTML.
• Lightweight Approximately 6.8 KB CSS and 2.7 KB JavaScript (gzip).
• Accessible Keyboard-friendly components with sensible defaults.
• Framework Agnostic Works with any frontend framework or plain HTML.
• Zero Dependencies No runtime dependencies or external libraries.
• Customizable Customize the theme using CSS variables.

Next Steps

Install MiniKit, explore the available components, or learn how to customize the default theme.