Open-source alternatives to Ngx Layout

This project is a collection of React components that implement a responsive grid system using CSS Flexbox and CSS Modules. It provides reusable building blocks for constructing fluid interfaces that organize page content into flexible rows and columns, which automatically adjust their size and alignment based on viewport dimensions. The library distinguishes itself by decoupling style definitions from component logic, which facilitates consistent rendering across both server-side environments and client-side runtimes. By utilizing CSS Modules, it encapsulates styles into local scopes to prev

ModernWpf is a UI framework and control toolkit for the Windows Presentation Foundation framework. It provides a collection of modern styles and specialized interface elements designed to build current-generation desktop application layouts. The library functions as a theme and XAML styling system that allows for the updating of standard interface elements. It includes built-in support for managing visual themes, specifically enabling the switch between light, dark, and high contrast modes. The project covers general WPF user interface design, including the implementation of styled input, na

A vuejs grid with draggable and resizable boxes

A tiny Drawer component with bounced animation for Vue 🚪🎏🗄🔛

gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

💪 A simple and reusable flexbox component for Svelte.

vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

FlowStack is a SwiftUI component for laying out content in a grid.

Scale-based large-screen adaptive solution

Responsive grid with draggable and resizable items for Angular applications.

🧐 A grid that allows you to sort all items via drag & drop. Items can be sorted in all directions (↕️ and ↔️). You can also select and sort multiple items at the same time by pressing ctrl and click on the item.

vue3 virtual waterfall component（Vue3虚拟瀑布流组件）

A simple component library to create a container with an animated grid pattern background.

A simple component library to create a container with an pattern background.

A simple component library to create a container with an animated background.

A waterfall grid layout view for SwiftUI.

Vue Virtual Scroll - High-performance, feature full Vue 3 virtual scrolling library (dynamic items size with fixed size optimization, list/table/grid mode, support for huge size)

A flexible grid layout view for SwiftUI.

NOTE If you'd like to see QGrid in action, check out this demo of early alpha version of QDesigner (see video below). Install Beta of QDesigner: https://testflight.apple.com/join/aSXW5tVp Install a companion QDesigner Client on iPhone, to see your UI design on a target device, updated in…

💠 Vue.js directive for masonry blocks layouting ✅

vue-virtual-scroll-list is a virtualized list implementation for Vue applications. It provides a component that renders only the visible items of a large dataset to maintain high performance and limit the number of active DOM elements. The project functions as a high-performance list renderer and dynamic viewport manager. It calculates real-time list dimensions and scroll offsets to display thousands of data entries without degrading browser memory usage or performance. The system includes programmatic scroll control to navigate to specific item indices or pixel offsets. It also provides uti

Angular gridster 2

Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/

Responsive grid system based on Bootstrap for Svelte.

A Vue 3 (and 2) reliable, simple and touch-ready panes splitter / resizer.