Fluid
Material Design for QtQuick and Qml
Install / Use
/learn @lirios/FluidREADME
Fluid
Fluid is a collection of cross-platform QtQuick components for building fluid and dynamic applications, using the Material Design guidelines.
Online documentation is available at docs.liri.io.
We develop using the git flow method
this means that the develop branch contains code that is being developed and might break
from time to time. If you want to check out a stable version just install one of the
releases or clone the master branch that has the latest released version.

Dependencies
Qt >= 6.7.0 with at least the following modules is required:
On Linux you also need:
The following modules and their dependencies are required:
- cmake >= 3.25.0
Build
You can perform a standalone build opening CMakeLists.txt with QtCreator,
but make sure cmake is set up correctly.
You can also build from command line:
git submodule update --init
mkdir build
cd build
cmake -DCMAKE_INSTALL_PREFIX=/path/to/prefix ..
make
make install # use sudo if necessary
Replace /path/to/prefix to your installation prefix.
Default is /usr/local.
You can also append the following options to the cmake command:
-DFLUID_USE_SYSTEM_LCS:BOOL=ON: Use a system-wide copy of LiriCMakeShared.-DFLUID_WITH_DOCUMENTATION:BOOL=OFF: Do not build the documentation.-DFLUID_WITH_DEMO:BOOL=OFF: Do not build the demo application.-DFLUID_WITH_QML_MODULES:BOOL=OFF: Do not build QML modules.
If cmake-shared is not installed and -DFLUID_USE_SYSTEM_LCS:BOOL=ON is
passed to cmake, the build will fail without finding LiriSetup.
The cmake arguments above can also be specified when building on QtCreator,
as explained in this guide.
Documentation
The HTML documentation is built unless -DFLUID_WITH_DOCUMENTATION:BOOL=OFF is
passed to cmake and it's installed into <prefix>/share/doc/fluid/html.
Open <prefix>/share/doc/fluid/html/index.html with a browser to read it.
Installation
You can either install system-wide or per-project installation which is essentially embedding Fluid in your project.
System-wide installations are usually performed by packagers who want to redistribute Fluid in their Linux distro.
Per-project installation is most useful for mobile developers that want to build Fluid alongside their project.
System-wide installation
We assume that your distro installs QtQuick modules in /usr/lib/qt/qml
like Arch Linux does, please change the paths for your Linux distro.
The same goes for other operating systems.
From the root of the repository, run:
git submodule update --init --recursive
mkdir build
cmake -DCMAKE_INSTALL_PREFIX=/usr ..
make
sudo make install
Please note that a system-wide installation is discouraged in most cases because there's a risk to "pollute" your system with libraries not managed by a package manager.
Per-project installation
You can embed Fluid in your project and build it along your app.
We have the following examples: We have examples for qmake, qbs and cmake.
Licensing
Licensed under the terms of the Mozilla Public License version 2.0.
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
