LUW Framework

Lightweight Utilities for Web - A powerful yet simple DOM manipulation and UI framework

🪟 Window Management (WindLUW)

WindLUW provides a complete window management system with drag, resize, minimize, maximize, and form handling capabilities.

Core Features

  • Draggable windows
  • Resizable with constraints
  • Minimize/Maximize/Restore
  • Modal dialogs
  • Form validation & submission

Advanced Features

  • Auto-save detection
  • Debug response viewer
  • Multiple instances control
  • Keyboard navigation
  • Mobile responsive

🃏 Dynamic Cards (CardLUW)

CardLUW creates beautiful, interactive card grids from JSON data with support for actions, metadata, and dynamic updates.

Card Features

  • JSON-driven creation
  • Avatar generation
  • Metadata tags
  • Action buttons
  • Hover animations

Interactive Elements

  • Click handlers
  • Dynamic updates
  • Responsive grid
  • Window integration
  • Custom styling

📋 Menu System (MenuLUW)

MenuLUW builds sophisticated navigation menus from JSON with support for nested submenus, custom actions, and responsive design.

Menu Types

  • Horizontal top menus
  • Vertical side menus
  • Nested submenus
  • Context menus
  • Mobile responsive

Customization

  • Custom actions
  • Theme support
  • Utility classes
  • Dynamic updates
  • Accessibility features

⚡ Framework Features

Lightweight Core

  • Minimal dependencies
  • ES6 modules
  • jQuery-like syntax
  • Method chaining
  • Event management

Modern Development

  • Component-based
  • JSON configuration
  • Responsive design
  • Touch support
  • Accessibility ready

Easy Integration

  • No build process
  • Vanilla JavaScript
  • CSS custom properties
  • Progressive enhancement
  • Framework agnostic

Window Templates (Hidden)

These templates are used by the window system and are hidden from view: