Skip to content

README.md

Latest commit

 

History

History
94 lines (68 loc) · 3.02 KB

README.md

File metadata and controls

94 lines (68 loc) · 3.02 KB

Vanduo Framework v1.3.7

Vanduo Framework Banner

NPM Version Build Status License

Essential just like water is.

Vanduo is a lightweight, zero-dependency UI framework built with pure HTML, CSS, and JavaScript. It ships 47+ 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
  • 47+ components, including Expanding Cards and animated Timeline controls in v1.3.7
  • 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.7/dist/vanduo.min.css">
<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.3.7/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

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