Open-source alternatives to Autosize

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

Pell is a JavaScript text editor library and browser-based rich text editor. It provides a lightweight WYSIWYG HTML editor for formatting styled text and outputting HTML directly within a web browser. The library is a dependency-free vanilla implementation that uses standard Web APIs. It allows for the definition of custom editor actions and text actions to extend the toolbar and the creation of custom visual themes to modify the editor appearance. The editor covers rich text editing and browser-based text formatting, including the application of bold, italic, headings, and lists. It also su

This project is a collection of community-developed plugins and a modular framework designed to extend the functionality of the Jupyter notebook environment. It serves as a customization tool that modifies the browser-based workspace through a system of injected scripts, stylesheets, and interactive components. The framework manages the lifecycle and registration of independent interface components using metadata-driven configuration. This allows users to enable or disable specific tools via a configuration menu to tailor the workspace without modifying the core application source code. The

Not-paid is a client payment protection tool and website access control script designed to discourage non-payment by progressively reducing the visibility of a delivered website. It functions as a CSS opacity payment enforcer that renders a site increasingly transparent based on a predefined payment due date. The tool applies a visual penalty to a website to pressure non-paying clients into completing payments or recovering outstanding debts. It achieves this by gradually decreasing the opacity of the page body over a set period until the site becomes invisible.

Easy Markdown Editor is a browser-based JavaScript library designed to replace standard HTML text areas with an interactive interface for structured document creation. It provides a web-based environment for Markdown content authoring, combining raw syntax input with visual formatting tools and real-time preview capabilities. The editor distinguishes itself through a plugin-driven toolbar architecture that allows for extensive interface customization, including adjustable layouts, icon visibility, and visual themes. It also integrates automated draft persistence, which saves content to local

UITableView-FDTemplateLayoutCell is a specialized table view cell component for iOS designed to automatically calculate and manage dynamic row heights based on content constraints. It provides a programmatic implementation for determining cell dimensions using auto layout to ensure content fits without requiring manual height overrides. The project utilizes a template-cell sizing mechanism that employs a hidden cell instance to calculate dimensions without triggering the actual table view rendering process. To maintain scrolling performance in long lists, it includes a caching system that sto

This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi

Cash is a lightweight DOM manipulation library and HTML element wrapper designed as an alternative to jQuery for selecting and modifying elements in modern browsers. It functions as a modular DOM framework and JavaScript utility library, providing a system to wrap DOM nodes into actionable collections for batch processing. The project is built with a modular design that supports tree-shaking, allowing build tools to exclude unused methods to minimize the final bundle size. It provides mechanisms for extending the core functionality and collection prototypes to implement reusable plugins and c

This project is a vanilla JavaScript reference guide and implementation collection designed to replace legacy libraries with native browser patterns. It provides a set of native JavaScript patterns for selecting, modifying, and navigating HTML elements, alongside a web API implementation guide for handling events and styles. The project serves as a reference for implementing asynchronous JavaScript patterns using native promises and fetch for remote data and background tasks. It also includes a client-side utility collection for performing data transformations, type validation, and element me

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,

ihp is a type-safe web framework and full-stack application orchestrator designed for PostgreSQL. It functions as a server-side rendering framework and a type-safe ORM that automatically generates record types from SQL schemas to ensure compile-time query validation. The platform distinguishes itself by verifying routing, database queries, and templates at compile time to prevent runtime crashes. It implements real-time web interfaces using WebSockets for instant data synchronization and employs server-driven hypermedia for partial DOM patching. The framework covers a broad range of integrat

Frappe is a Python-based low-code web framework used for building data-driven business applications. It functions as a full-stack meta-framework that integrates a Python backend with a JavaScript frontend, providing a development environment for rapid application prototyping and deployment. The framework employs a model-driven architecture that automatically generates database schemas, REST API endpoints, and administrative interfaces based on defined metadata. This system is complemented by a command-line scaffolding tool for creating standardized project directory structures and boilerplate

gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li

Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav

flutter_screenutil is a responsive UI framework and adaptive layout tool for Flutter. It provides a system for scaling layout dimensions and fonts based on a reference design to ensure consistent proportions across different screen resolutions and devices. The toolkit functions as a screen metrics provider that retrieves real-time device properties, including screen width, height, pixel density, and safe area dimensions. It specifically handles layout adaptation during device orientation changes and split-screen mode updates. The framework covers adaptive typography management, layout dimens

Object-Oriented CSS (OOCSS) is a CSS methodology and framework that structures stylesheets around reusable, composable classes. Its core principle is separating layout and structure from visual design, allowing the same structural classes to work with different visual treatments. The approach encourages styling elements based on their own properties rather than their location in the DOM, making components portable across different contexts. The methodology is built on class composition, where complex visual patterns are created by combining multiple single-purpose CSS classes on a single elem

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

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.

This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

This project is a comprehensive reference guide for writing clean, semantic, and maintainable HTML markup based on modern web standards. It provides a set of rules for implementing semantic HTML standards, using meaningful structural elements instead of generic containers to improve document hierarchy and machine readability. The guide establishes specific conventions for HTML formatting, covering indentation, tag casing, and source code organization to improve codebase maintainability. It also serves as a web accessibility reference, detailing the implementation of ARIA roles, alternative te

i3 is an X11 tiling window manager for Linux that organizes application windows into a non-overlapping grid to maximize screen space. It functions as a configurable window layout engine and a desktop environment component that interfaces with the X Window System to handle window placement and input events. The manager specifically provides the ability to add configurable visual spacing and gaps between windows and screen edges. It determines window borders and spacing by parsing a text configuration file at startup or during runtime. The system covers workspace layout optimization and interf

OverlayScrollbars is a JavaScript scrollbar plugin and DOM element scroll manager that replaces native browser scrollbars with custom styleable overlay versions. It functions as a UI component for styling scrollbar tracks and handles while preserving original scrolling behavior and accessibility. The project ensures cross-browser UI consistency by overriding native implementations with custom web scrollbars. It utilizes a system of CSS custom properties and predefined themes to allow the visual appearance of the scrollbars to match specific website designs. The library includes a programmati

Flexibility is a JavaScript library and layout engine designed to polyfill CSS Flexbox capabilities. It ensures consistent element alignment and distribution across different browser versions, specifically targeting legacy environments that lack native support for the flexible box specification. The project provides cross-browser layout compatibility by simulating flexible container behavior. It manages dynamic flexbox properties to maintain a stable and predictable user interface regardless of the visitor's browser version. The system covers DOM traversal, manual coordinate calculation, and

Code-prettify is a browser-based tool and HTML syntax highlighter that adds visual formatting and line numbers to raw code blocks on web pages. It functions as a client-side code formatter and a customizable lexer library for defining language-specific highlighting rules. The system allows for the creation of custom lexers to provide syntax highlighting for proprietary or uncommon programming languages. Visual presentation is managed through custom code styling and the integration of external CSS stylesheets to define colors and fonts. The project provides automatic syntax highlighting and s

bounce.js is a JavaScript library and programmatic wrapper for generating and applying CSS3 keyframe animations and 3D transformations. It provides a tool for creating complex animation sequences without the need to write manual stylesheet rules. The library allows for the creation of animations by chaining scale, rotation, translation, and skew transformations. These generated sequences can be saved under unique names for reuse across multiple elements. The system manages the animation lifecycle through callback functions that trigger when a visual sequence completes. It also includes a com

This project provides a collection of pre-built administrative dashboard templates and a comprehensive user interface kit designed for constructing professional management applications. It is built upon the Bootstrap framework, offering a set of responsive themes and layout blocks that adapt to various screen sizes. The framework distinguishes itself by providing modular, reusable building blocks that allow developers to assemble complex administrative interfaces. It includes specialized components for data grid management, enabling the organization, sorting, and filtering of large datasets,