Vanduo Framework v1.3.5

Essential just like water is.

Vanduo is a lightweight, zero-dependency UI framework built with pure HTML, CSS, and JavaScript. It ships 46+ components, responsive utilities, dark mode support, and a flexible theming system.

Browse Docs

Highlights

• Pure CSS/JS with no runtime dependencies
• Modular architecture with optional per-component imports
• Built-in dark/light/system theme switching
• Runtime Theme Customizer for color, font, and radius tokens
• Accessibility-focused components and utilities

Quick Start

CDN (recommended)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.3.5/dist/vanduo.min.css">
<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.3.5/dist/vanduo.min.js"></script>
<script>Vanduo.init();</script>

Local dist files

<link rel="stylesheet" href="dist/vanduo.min.css">
<script src="dist/vanduo.min.js"></script>
<script>Vanduo.init();</script>

Package install (bundlers)

pnpm add @vanduo-oss/framework

import '@vanduo-oss/framework/css';
import { Vanduo } from '@vanduo-oss/framework';

Vanduo.init();

Docs and Resources

• Website: vanduo.dev
• Docs: vanduo.dev/#docs
• npm: @vanduo-oss/framework
• Releases: GitHub Releases
• LLM reference: llms.txt

Project Structure

vanduo-framework/
├── dist/          # Production bundles
├── css/           # Core, components, utilities, effects
├── js/            # Framework runtime and components
├── fonts/         # Bundled web fonts
├── icons/         # Phosphor icons bundle
└── tests/         # Playwright + linting

Browser Support

• Chrome (last 2 versions)
• Firefox (last 2 versions)
• Safari (last 2 versions)
• Edge (last 2 versions)

License

MIT - see LICENSE.
Third-party notices are listed in THIRD-PARTY-LICENSES.

Credits

• Open Color (MIT)
• Phosphor Icons (MIT)