#FlexLayout
LightNews LightNews
Wobei vielleicht könnte ich... also nein... das wäre nur gefrickeltes Flick Werk zu versuchen flexlayout-react in Blazor und Blazor in flexlayout-react einzubetten und nee. klingt zwar lustig als Projekt ist aber nicht Ziel führend... hab nicht den Eindruck das WebAssembly so viel geiler als JS ist
August 11, 2026 at 7:34 PM
advanced-eschatonics.com
flexlayout is fun
cinco agento
May 9, 2026 at 11:00 PM
Und halt Web ist am Ende doch wieder JS wobei ich beim Entwickeln doch TypeScript nutze wegen der Typen und den Warnungen durch den Linter.
Hab mich ja in dem jetzigen Projekt bewusst gegen Blazor (WebAssembly) entschieden... weil ich flexlayout-react verwenden will... weil das geil ist.
August 11, 2026 at 7:32 PM
hacker.at.thenote.app
FlexLayout: Flexibility in Action in Vaadin Flow

This article introduces FlexLayout in Vaadin Flow—a powerful layout component based on CSS Flexbox. Learn how to control direction, alignment, size, and wrapping for responsive designs. With Lumo utility classes, styling becomes e…

#hackernews #news
FlexLayout: Flexibility in Action in Vaadin Flow
This article introduces FlexLayout in Vaadin Flow—a powerful layout component based on CSS Flexbox. Learn how to control direction, alignment, size, and wrapping for responsive designs. With Lumo utility classes, styling becomes even simpler. FlexLayout helps create adaptable, modern UIs with ease.
hackernoon.com
April 3, 2025 at 8:35 PM
#nerdKram #react #typescript #flexlayoutreact
Ich muss ja sagen je mehr ich mich mit FlexLayout-react beschäftige (nicht soo einfach weil keine anständige Doku verfügbar) desto geiler finde ich die Komponente... die kann so fucking viel und nimmt einen soooo viel arbeit ab...
GitHub - caplin/FlexLayout: Docking Layout Manager for React
Docking Layout Manager for React. Contribute to caplin/FlexLayout development by creating an account on GitHub.
github.com
August 1, 2026 at 12:00 PM
Découvrez l'outil de design Penpot 🎨 ! Parfait pour tous vos projets d'apps web et mobiles 📲. Pour en savoir plus, cliquez ici 👉 #Design #OutilLibre #Flexlayout"
Découvrez Flex Layout de Penpot – L’outil libre de design et de prototypage pour vos projets d’apps web et mobiles
— En partenariat avec Penpot — Aujourd’hui, je vous invite à découvrir avec moi un outil de design que certains d’entre vous connaissent peut-être déjà : Penpot. Si ce nom n…
korben.info
October 26, 2023 at 8:40 AM
Also bisher an eigenen TitleBar Elementen:
- AppLogo
- Menu

Alles in der FlexLayout layout.json.

Btw. die oben genannten Komponenten, sind bereits Plugins, die zur Laufzeit geladen und initialisiert werden.

2/*
August 6, 2026 at 4:22 PM
Die React Anwendung soll dabei auch eine Basis sein. Window Titlebar, Ribbon left + right, StatusBar, der eigentliche Content über FlexLayout-react.

Soll quasi aussehen wie VSCode/Obsidian etc, nur ohne echte Anwendung, die kommen über Plugins rein.

Und Schemabasiert soll es sein...
August 11, 2026 at 1:47 PM
#nerdKram #react #tauri #flexlayoutreact
Ich nötige FlexLayout-react immer noch meine AppShell zu sein und komme langsam ganz gut voran, ich kann immerhin die FlexLayout Top Border als Window Titlebar gebrauchen. Und schön mit eigenen Inhalten füllen.

1/*
Screenshot einer Desktop-Anwendung im Dark Mode mit dem Namen „ProForma“. Oben befindet sich eine schmale Titelleiste mit dem Programmnamen links und den Fenster-Schaltflächen rechts. Darunter verläuft eine Menüleiste mit den Einträgen „File“. Das geöffnete Dropdown-Menü enthält die Punkte „Open“, „Save“, eine Trennlinie mit der grauen Beschriftung „Some label“, anschließend „Settings“ und „Exit“. Rechts neben „Settings“ ist ein Untermenü geöffnet, das die Einträge „Common“ und „Plugins“ zeigt, wobei „Plugins“ hervorgehoben ist. Links im Fenster befindet sich eine vertikale Symbolleiste mit vier türkisfarbenen Icons sowie einem Zahnrad am unteren Rand. Der übrige Arbeitsbereich ist leer und dunkelgrau. Das Fenster besitzt einen schmalen violetten Rahmen.
August 6, 2026 at 4:22 PM
#nerdkram #react #dev #proforma

Also schon witzig was man mit tauri (App Shell/Fenster), react (Ja das witzige Web Dingsi Framework), flexlayout-react (Bereiche und Tabs im Haupt bereich) und mantil (UI) so anstellen kann.
Screenshot einer Desktop-Anwendung namens „ProForma“ im Dunkelmodus mit violetter Titelleiste. Links befindet sich eine schmale vertikale Navigationsleiste mit Symbolen für Module, Dashboard, Benutzer, Gruppen und Einstellungen sowie daneben eine feste Seitenleiste mit der Beschriftung „Fixed 240px sidebar“. Der Hauptbereich ist in mehrere verschiebbare und andockbare Registerkarten unterteilt. Oben zeigt „Test Form 2“ ein großes leeres Textfeld mit dem Datum „26.7.2026“. Darunter links befindet sich ein Formular mit der Überschrift „ProForma Demo Formularasdasd“ und Eingabefeldern für Heldenname, Stufe, Erfahrungspunkte und Klasse sowie den Schaltflächen „Senden“ und „Upload image“. Rechts daneben zeigt ein Editor den JSON-Quelltext desselben Formulars. Im unteren Bereich ist eine weitere Registerkarte „Test Form 1“ mit einem weitgehend leeren Inhaltsbereich. Die Oberfläche vermittelt den Eindruck einer modularen Entwicklungs- oder Testumgebung für schema-basierte Formulare mit frei anordbaren Arbeitsbereichen.
July 26, 2026 at 10:01 AM
advanced-eschatonics.com
Guess so. I was thinking IDE parts weren't as vital but there are just so many miles to go between where I am and where my UI is anywhere near as polished as vscode it's just ridiculous. Sort of thinking about flexlayout work as a sandbox to raise ocean so I know just what to put in sidex now
May 30, 2026 at 6:28 PM
Allerdings müsste ich dann einen passenden Ersatz für flexlayout-react finden bzw. Entwickeln...
August 19, 2026 at 10:21 AM
corti.com
Adaptive Mobile Designs with FlexLayout in Xamarin.Forms
http://bit.ly/2nF6pTu
December 1, 2024 at 10:13 AM
puresourcecode.bsky.social
I will create a new #MAUI reusable component for list of strings (skills) using #FlexLayout with add and remove functionalities.
MAUI component for skills using FlexLayout
I will create a new MAUI reusable component for list of strings using FlexLayout with add and remove functionalities.
puresourcecode.com
July 9, 2025 at 6:36 AM
madewithreactjs.com
FlexLayout is a layout manager that arranges React components in multiple tab sets that can be resized and moved 📦️ - madewithreactjs.com/flexlayout
May 15, 2026 at 11:20 AM
madewithreactjs.com
FlexLayout is a layout manager that arranges React components in multiple tab sets that can be resized and moved 📦️ - madewithreactjs.com/flexlayout
November 2, 2025 at 10:40 AM
madewithreactjs.com
FlexLayout is a layout manager that arranges React components in multiple tab sets that can be resized and moved 📦️ - madewithreactjs.com/flexlayout
May 7, 2025 at 11:20 AM
pub.dev.web.brid.gy
v0.0.4 of flexiblebox
A comprehensive Flutter implementation of CSS Flexbox layout system. Create responsive, flexible layouts with full flexbox specification support including flex grow/shrink, alignment, wrapping, RTL su [...] Changelog excerpt: - Added `indexOfNearestChildAtOffset`method to `LayoutBox`and `FlexLayout`to find the index of the child nearest to a given offset. - Fixed StackOverflowError when `paintOrder`is not null - Added `LayoutBoxBuilder`to `FlexItem`and `AbsoluteItem`for more customization of the layout box.
pub.dev
October 2, 2025 at 11:15 AM
hackernoon.com
Discover how to build flexible, responsive layouts in Vaadin Flow using FlexLayout and CSS Flexbox, enhanced by Lumo utility classes. #flexlayoutvaadin
FlexLayout: Flexibility in Action in Vaadin Flow
hackernoon.com
April 2, 2025 at 9:57 PM
mauibot.bsky.social
FlexLayout misbehaves when Label content has long .Text (28165) https://github.com/dotnet/maui/issues/28165
FlexLayout misbehaves when Label content has long .Text · Issue #28165 · dotnet/maui
Description When a FlexLayout contains a Label, and Label.Text is beyond a certain length relative to the length of the FlexLayout, FlexLayout will start layout its other children beyond it's own b...
github.com
March 4, 2025 at 5:18 PM
mauibot.bsky.social
Add FlexLayout ItemsLayout on CollectionView (27651) https://github.com/dotnet/maui/issues/27651
Add FlexLayout ItemsLayout on CollectionView · Issue #27651 · dotnet/maui
Description As I could not find anything similar here, it would be great to have a dynamic column option for the CollectionView. As supposed here for Xamarin.Forms back in the days: xamarin/Xamarin...
github.com
February 9, 2025 at 1:37 AM
mauibot.bsky.social
FlexLayout with JustifyContent="SpaceBetween" breaks on iPhone after opening and closing the keyboard (27495) https://github.com/dotnet/maui/issues/27495
FlexLayout with JustifyContent="SpaceBetween" breaks on iPhone after opening and closing the keyboard · Issue #27495 · dotnet/maui
Description When using a FlexLayout with JustifyContent="SpaceBetween" and an Input or Editor on the page, if we click in the Input to type text, the iPhone keyboard appears. After finishing typing...
github.com
January 31, 2025 at 10:54 AM
jsuarezruiz.bsky.social
Analizando interfaces de usuario avanzadas con Xamarin.Forms Veremos FlexLayout, VisualStateManager, SkiaSharp, etc. ¿Te animas? #XamarinForms

meetup.com/es-ES/SevillaX…
November 27, 2024 at 12:36 PM
jsuarezruiz.bsky.social
[Xamarin.Forms] Primer vistazo a FlexLayout #Xamarin #XamarinForms

javiersuarezruiz.wordpress.com/2018/03/28/xam…
November 27, 2024 at 12:28 PM
advanced-eschatonics.com
If you ever wondered "Could I make a vscode clone using flexlayout-react instead of vs workspace?" have I got the repo for you.
GitHub - crow-cli/crow-ui: ACP Client
ACP Client. Contribute to crow-cli/crow-ui development by creating an account on GitHub.
github.com
May 18, 2026 at 2:22 PM