diff --git a/theme_3d_systems/static/src/scss/_mixins.scss b/theme_3d_systems/static/src/scss/_mixins.scss
new file mode 100644
index 0000000..625ede6
--- /dev/null
+++ b/theme_3d_systems/static/src/scss/_mixins.scss
@@ -0,0 +1,25 @@
+// SCSS Mixins for 3D & Glassmorphism
+@import 'variables';
+
+@mixin glass-panel($bg: $glass-bg, $border: $glass-border, $blur: $glass-blur) {
+  background: $bg;
+  backdrop-filter: blur($blur);
+  -webkit-backdrop-filter: blur($blur);
+  border: 1px solid $border;
+  border-radius: 16px;
+}
+
+@mixin text-gradient($start: $theme-cyan, $end: $theme-blue) {
+  background: linear-gradient(135deg, $start 0%, $end 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+@mixin box-glow($color: $theme-cyan-glow, $spread: 20px) {
+  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37), 0 0 $spread $color;
+}
+
+@mixin preserve-3d {
+  transform-style: preserve-3d;
+  perspective: 1000px;
+}