olton/metroui

Features

• Web Application Development - Builds mobile-first web applications with a Metro-style design language and automatic screen-size adaptation.
• Reactive Web Frameworks - Updates the DOM automatically when application state changes using a built-in reactive model and hooks.
• Reactive Component Models - Stores application data in a reactive model that automatically triggers DOM updates when values change.
• Component-Based UI Libraries - Offers over 150 prebuilt interface elements like buttons, forms, and dialogs for rapid application development.
• CSS Variable Theming - Switches visual themes at runtime by overriding CSS custom properties, enabling instant dark-light mode toggling.
• UI Component Libraries - Ships over 150 prebuilt UI widgets following a consistent Metro-style visual language for rapid interface assembly.
• Declarative UI Interactivity - Enables building interactive UI components by adding simple HTML attributes, eliminating the need for JavaScript glue code.
• HTML Attribute Bindings - Wires UI components to data and behavior through custom HTML attributes, eliminating imperative JavaScript glue code.
• In-Page Navigation Tools - Provides hash-based client-side routing for navigating between views without full page reloads.
• Responsive Grid Layouts - Adapts page layouts to screen size through a CSS grid framework with breakpoints for mobile-first responsive design.
• Hash-Based Routing - Handles navigation by listening to URL hash changes and swapping content regions for single-page application behavior.
• Reactive State Management - Updates the page reactively when data changes using a built-in model with hooks and reactivity.
• HTML-First Reactive Frameworks - Provides an HTML-first framework for building reactive single-page applications with declarative attributes.
• Single-Page Applications - Navigates between views by handling URL changes and swapping content without full page reloads.
• UI Component Libraries - Ships over 150 ready-to-use interface elements such as buttons, forms, and dialogs for rapid application development.
• Metro-Style Design Systems - Implements the Metro visual language for creating modern, tile-based web interfaces.
• Icon Fonts - Adds over 800 vector icons to an application through a dedicated icon font for easy implementation.
• Icon Fonts - Delivers over 800 vector icons as a single icon font file for scalable, colorable glyphs in UI elements.
• Light and Dark Theme Implementations - Toggles between dark and light color schemes across all components without custom configuration.
• Icon Fonts - Ships over 800 vector icons as a dedicated icon font for use in buttons, menus, and other UI elements.
• Responsive Grid Systems - Provides a responsive grid layout system that adapts page structures to different screen sizes using media queries.
• Vector Icons - Renders over 800 built-in vector icons from a dedicated icon font for use in buttons and menus.
• Theme Customization - Allows overriding CSS variables to change colors, sizes, and styles across the entire interface for custom themes.
• Responsive Web Frameworks - Creates high-performance, mobile-first web applications using a progressive front-end framework with Metro-style design.

Star history