neumorphism
neumorphism copied to clipboard
QtQuick Neumorphism (soft UI) style for Qt applications.
QML Neumorphism (soft UI) QtQuick style.
Start developing Neumorphic QtQuick applications using Neumorphism UI.
The Neumorphic design concept has been applied to most of the components.
What is Neumorphism?
Neumorphism is a design style used in graphical user interfaces. It is commonly identified by a soft and light look (for which it is sometimes referred to as soft UI) with elements that appear to protrude from or dent into the background rather than float on top of it.
Preview
How to use
NOTE
Using shaders inQt 6
requires compiling shaders toSPIR-V
, which is quite different from the way it was done inQt 5
.
Therefore, shaders are currently not compatible withQt 6
.
Contribution
Contributions are welcome.
Also if you are a designer with a better design idea, you can create an issue and let us discuss your idea.
Usage
- Clone the repository first.
git clone "https://github.com/0smr/neumorphism.git"
- Then add
neumorphism
to your makefile.-
QMake: example-1
include("path/to/Neumorphism.pri")
-
CMake: example-2
add_subdirectory(path/to/Neumorphism/) target_link_libraries(${target-name} neumorphism)
-
QMake: example-1
- Add
qrc:/
to the engine's import path. example-1engine.addImportPath("qrc:/");
- Import the
Neumorphism
module. example-1import Neumorphism 1.3
If you are confused, please refer to Example-1 for a clearer understanding of what you should do.
Components
- Button
- Radio Button
- CheckBox
- Slider
- TextArea
- TextField
- ProgressBar
- RadioButton
- Switch
- RangeSlider
- SpinBox
- Tumbler
- Dial
- BusyIndicator
- SplitView
- StackView
- ComboBox
- NeumorphismView
Issues
Please file an issue on issues if you have any problems.
Documentation
no document provided yet.