Open-source alternatives to Flutter Screenutil

Accompanist is a collection of extension libraries that provide additional functionality and specialized components for the Jetpack Compose UI framework. It serves as a toolkit for implementing common layout and system tasks that extend the core capabilities of declarative UI development on Android. The library provides specialized utilities for managing modal bottom sheet destinations and defining custom animations for screen transitions within a navigation graph. It includes tools for detecting screen folds and display features to create adaptive layouts that adjust based on window size and

okayNav is a JavaScript library for creating responsive navigation menus that automatically collapse into off-screen sidebars based on viewport width. It functions as a viewport-aware UI component that recalculates the distribution of visible and hidden navigation links as the browser window resizes. The framework distinguishes itself by providing a swipe-enabled system for opening and closing mobile menus using touch gestures with adjustable sensitivity. It also allows for programmatic control over the visibility of navigation drawers to trigger menus based on specific user actions.

FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font

MyLinearLayout is an Objective-C UI layout framework and responsive layout engine for iOS. It serves as a multi-pattern view orchestrator that organizes interface elements using a combination of linear, relative, and grid layout patterns. The library brings CSS flexbox and floating element behavior to iOS views for dynamic space distribution. It includes a dedicated system for right-to-left language orientations, providing automatic mirroring of interface elements to support localized layouts. The framework covers a broad range of arrangement strategies, including flow-based element wrapping

iOS9AdaptationTips is a collection of technical strategies and guides for adapting mobile applications to the iOS 9 operating system. It serves as a development resource for implementing system integration, UI layout adaptations, and push notification configurations. The project provides specific guidance on flexible interface implementation, including support for split-screen modes, dynamic text scaling, and status bar configurations. It also covers the use of secure certificates and heartbeat signals to maintain persistent connection stability for push notifications. The material covers br

This project is a collection of responsive CSS Grid dashboard templates and a data visualization UI kit. It provides a set of HTML layouts designed for building analytics interfaces and monitoring views for KPIs and business metrics that adapt to different screen sizes. The toolkit is library-agnostic, allowing the connection of static HTML templates to any external data source or third-party charting library without requiring custom adapter code. It uses a template-driven approach to separate the visual structure of the dashboard from the underlying data. The capabilities cover the assembly

AndroidAutoSize is a screen adaptation library for Android that automatically scales layout dimensions and view sizes across different screen resolutions. It functions as an automatic layout scaler and view dimension manager, ensuring that user interface proportions remain consistent by referencing a base design dimension. The library allows developers to define screen measurements using alternative units such as millimeters, inches, or points instead of standard density-independent pixels. It includes capabilities for custom dimension overrides, enabling the scaling process to be disabled or

This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem

Lin-ui is a component library and development toolkit designed specifically for creating WeChat Mini Program applications. It functions as a responsive UI framework that provides pre-built user interface components and a set of helper functions for mobile app environments. The project includes a build tool focused on mini program bundle optimization, allowing for the compilation of specific components and the removal of unused assets to reduce package size. It also features a system for responsive interface design that translates static pixel values into flexible units for different screen si

AndroidAutoLayout is an Android library that converts pixel values from design mockups into percentage-based layouts, enabling consistent scaling across different screen resolutions. At its core, it functions as a pixel-to-percentage converter and screen resolution scaling tool, allowing developers to design layouts using exact pixel dimensions from mockups and have them automatically adapt to any target device. The library provides several distinctive approaches to screen adaptation. It can generate resolution-specific dimension resource files from a single baseline design, eliminating manua

Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.

FigmaToCode is a design-to-code converter and frontend code generator that transforms Figma design files into responsive source code. It functions as a multi-platform UI compiler, mapping visual design elements to structural constraints for web and mobile environments. The system supports multi-target syntax emission to produce code for HTML, Tailwind CSS, Flutter, and SwiftUI. It automates frontend styling by converting design system variables and visual effects into theme-consistent code across these different frameworks. The tool handles responsive UI implementation by translating design

TinyConstraints is a declarative UI layout engine and constraint-based positioning framework designed to simplify the definition of view constraints, spatial relationships, and element dimensions. It functions as an auto layout wrapper library that allows for the positioning of elements through relational anchors and priority-based sizing rules. The system enables adaptive interface design by supporting custom view stacking in horizontal or vertical sequences and the use of offsets for precise edge alignment and centering. It further supports dynamic interface animations by updating layout co

This project is a design system and configuration framework for creating responsive Home Assistant dashboards. It provides a CSS-based interface framework and theme system used to define the visual appearance and layout of home automation interfaces. The system distinguishes itself through a multi-view layout approach that adapts the interface for mobile devices and wall-mounted tablets across portrait and landscape orientations. It employs configuration-based UI definitions and custom CSS to implement advanced visual effects, such as state-triggered animations for icons and interactive overl

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone

This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc

Accompanist is a Jetpack Compose extension library providing a set of utility components and libraries that fill functional gaps in the declarative UI framework. The project provides an adaptive layout toolkit for building user interfaces that automatically adjust based on Android screen size and device configuration. It includes a renderer for converting standard Android Drawable assets into formats compatible with a declarative painting system, as well as a manager for requesting and tracking Android system permissions.

AndroidX is the official collection of Android Jetpack libraries for building Android applications. It provides a suite of backward-compatible APIs that expose modern platform features on older Android versions, ensuring consistent functionality across devices. The project is built around lifecycle-aware component architecture, with tools like ViewModel for preserving UI data across configuration changes, LiveData for lifecycle-aware data observation, and WorkManager for constraint-based background task scheduling. The project distinguishes itself through compile-time code generation and type

This is a custom Android UI component designed to automatically adjust font sizes so that text content fits within defined layout bounds. It functions as a text scaling tool that ensures strings remain visible and contained within specified width and height constraints. The component implements adaptive layout design by dynamically modifying text size based on available screen real estate. It utilizes a measure-based fit calculation and iterative scaling to prevent text from being clipped or wrapping unexpectedly across different device resolutions.

flutter-folio is a reference application and portfolio demonstrating the implementation of a single codebase that delivers native user experiences across mobile, desktop, and web platforms. It serves as a showcase for cross-platform UI frameworks and design patterns targeting iOS, Android, macOS, Windows, Linux, and web browsers. The project focuses on adaptive UI design, providing examples of how to automatically adjust layouts and interaction patterns based on screen size and input devices. It illustrates the mapping of shared application logic to platform-specific idioms to meet the expect

This project is a mobile web application template and optimization kit providing a foundational project structure for building responsive websites. It functions as a responsive CSS framework and a set of utilities for managing viewport scaling, touch event responses, and user-agent feature detection. The project distinguishes itself through specialized web app manifest configurations and server performance settings. It includes systems for defining home screen icons and metadata to enable web applications to behave like native apps, alongside pre-defined directives for caching, compression, a

Simpl is an HTML, CSS, and JavaScript example library that provides a collection of minimal functional demonstrations of core web technologies and native browser APIs. It serves as a reference implementation and pattern gallery for frontend development, offering practical examples of how to implement common web features. The project showcases a wide range of browser capabilities, including real-time web communication via WebSockets and WebRTC, responsive web design techniques for adaptive layouts, and the implementation of offline workflows using service workers. It also provides demonstratio

This is a personal portfolio website built as a React.js single-page application. It serves as a self-coded platform to present a developer's resume and showcase their GitHub projects. The site includes structured sections for listing technical skills, displaying work history and education, and presenting a curated collection of projects with descriptions and links. The layout is built with React-Bootstrap and custom CSS to adapt across desktops, tablets, and phones.

This project is a series of guided tutorials and educational resources for Android application development. It provides instructional content for building mobile applications and games from scratch using Android Studio and the Android SDK. The curriculum covers mobile UI design and the creation of responsive layouts that adapt to various screen dimensions. It includes guides on hardware integration for accessing device sensors and native services through permission models, as well as lessons on application data security. The material covers data management through local database storage and

Masonry is a JavaScript library for arranging elements of varying heights into a grid without vertical gaps. It serves as a DOM element positioner and dynamic layout manager that calculates and applies absolute coordinates to HTML elements based on available vertical space. The system functions as a responsive grid engine using percentage-based widths to maintain consistent structures across different screen sizes. It includes capabilities to recalculate grid positions after images load or browser windows resize to prevent element overlap. The library covers grid management and positioning,

This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni