diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..8c44e99
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "Slint.slint"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..489b17d
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "slint.libraryPaths": {
+        "material": "./material-components/material.slint"
+    }
+}
diff --git a/CMakeLists.txt b/CMakeLists.txt
index 6915df9..04b6366 100644
--- a/CMakeLists.txt
+++ b/CMakeLists.txt
@@ -18,7 +18,7 @@ endif (NOT Slint_FOUND)
 
 add_executable(my_application src/main.cpp)
 target_link_libraries(my_application PRIVATE Slint::Slint)
-slint_target_sources(my_application ui/main.slint)
+slint_target_sources(my_application ui/main.slint LIBRARY_PATHS material=${CMAKE_CURRENT_SOURCE_DIR}/material-components/material.slint)
 # On Windows, copy the Slint DLL next to the application binary so that it's found.
 if (WIN32)
     add_custom_command(TARGET my_application POST_BUILD COMMAND ${CMAKE_COMMAND} -E copy $<TARGET_RUNTIME_DLLS:my_application> $<TARGET_FILE_DIR:my_application> COMMAND_EXPAND_LISTS)
diff --git a/ui/components/component_card.slint b/ui/components/component_card.slint
index 0773d40..c2afedb 100644
--- a/ui/components/component_card.slint
+++ b/ui/components/component_card.slint
@@ -6,7 +6,7 @@ import {
     OutlinedCard,
     Typography,
     MaterialStyleMetrics
-} from "../../material-components//material.slint";
+} from "@material";
 
 export component ComponentCard {
     in property <string> title;
diff --git a/ui/components/group.slint b/ui/components/group.slint
index ab3cc6a..6e26170 100644
--- a/ui/components/group.slint
+++ b/ui/components/group.slint
@@ -5,7 +5,7 @@ import {
     MaterialText,
     MaterialPalette,
     Typography
-} from "../../material-components//material.slint";
+} from "@material";
 
 export component Group {
     in property <string> title;
diff --git a/ui/components/text_icon_button.slint b/ui/components/text_icon_button.slint
index 792248a..89f74ee 100644
--- a/ui/components/text_icon_button.slint
+++ b/ui/components/text_icon_button.slint
@@ -4,7 +4,7 @@
 import {
     IconButton,
     MaterialText
-} from "../../material-components//material.slint";
+} from "@material";
 
 export component TextIconButton {
     in property <image> icon <=> button.icon;
diff --git a/ui/main.slint b/ui/main.slint
index 84111d5..b5bc02a 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -1,7 +1,7 @@
 // Copyright © SixtyFPS GmbH <info@slint.dev>
 // SPDX-License-Identifier: MIT
 
-import { MaterialWindow, MaterialWindowAdapter, ListItem } from "../material-components/material.slint";
+import { MaterialWindow, MaterialWindowAdapter, ListItem } from "@material";
 import { MainView } from "./views/main_view.slint";
 import { MainWindowAdapter } from "./main_window_adapter.slint";
 export { NavigationViewAdapter } from "./views/navigation_view.slint";
diff --git a/ui/main_window_adapter.slint b/ui/main_window_adapter.slint
index d5c8b27..7aee2f0 100644
--- a/ui/main_window_adapter.slint
+++ b/ui/main_window_adapter.slint
@@ -1,7 +1,7 @@
 // Copyright © SixtyFPS GmbH <info@slint.dev>
 // SPDX-License-Identifier: MIT
 
-import { MaterialPalette } from "../material-components/material.slint";
+import { MaterialPalette } from "@material";
 
 export global MainWindowAdapter {
     in property <length> width;
diff --git a/ui/views/actions_view.slint b/ui/views/actions_view.slint
index c6ada63..67b4a3c 100644
--- a/ui/views/actions_view.slint
+++ b/ui/views/actions_view.slint
@@ -34,7 +34,7 @@ import {
     HorizontalDivider,
     Dialog,
     FullscreenDialog
-} from "../../material-components//material.slint";
+} from "@material";
 
 import { Group } from "../components/group.slint";
 import { ComponentCard } from "../components/component_card.slint";
diff --git a/ui/views/components_view.slint b/ui/views/components_view.slint
index 25ec2db..9e75ea7 100644
--- a/ui/views/components_view.slint
+++ b/ui/views/components_view.slint
@@ -35,7 +35,7 @@ import {
     HorizontalDivider,
     Dialog,
     FullscreenDialog
-} from "../../material-components//material.slint";
+} from "@material";
 
 import { ActionsView } from "./actions_view.slint";
 import { NavigationView } from "./navigation_view.slint";
diff --git a/ui/views/main_view.slint b/ui/views/main_view.slint
index 3089c7c..d71514f 100644
--- a/ui/views/main_view.slint
+++ b/ui/views/main_view.slint
@@ -16,7 +16,7 @@ import {
     NavigationBar,
     SmallAppBar
 
-} from "../../material-components//material.slint";
+} from "@material";
 
 export enum Views {
     components
diff --git a/ui/views/navigation_view.slint b/ui/views/navigation_view.slint
index d809c51..e489782 100644
--- a/ui/views/navigation_view.slint
+++ b/ui/views/navigation_view.slint
@@ -30,7 +30,7 @@ import {
     Switch,
     Slider,
     TextField
-} from "../../material-components//material.slint";
+} from "@material";
 
 import { Group } from "../components/group.slint";
 import { ComponentCard } from "../components/component_card.slint";