diff --git a/src/content/tutorials/en/intro-to-p5.spline.mdx b/src/content/tutorials/en/intro-to-p5.spline.mdx
new file mode 100644
index 0000000000..6758fcf3f7
--- /dev/null
+++ b/src/content/tutorials/en/intro-to-p5.spline.mdx
@@ -0,0 +1,23 @@
+---
+title: "Splines in p5.js: Curves, Sampling, and Shapes"
+description: Learn the full spline toolkit in p5.js, draw smooth curves, sample points and tangents, tune curvature, and build flowing shapes in 2D and 3D.
+category: "2.0"
+categoryIndex: 0
+featuredImage: ../images/featured/Intro-to-splines.png
+featuredImageAlt: ‘Intro to Splines’ title showing three colorful spline curves, labeled control points (p0-p3), and a tangent arrow.
+relatedContent:
+  references:
+    - en/p5/spline
+    - en/p5/splinepoint
+    - en/p5/splinetangent
+    - en/p5/splineproperty
+    - en/p5/splinevertex
+
+authors:
+  - Perminder Singh
+---
+
+import EditableSketch from "../../../components/EditableSketch/index.astro";
+import Callout from "../../../components/Callout/index.astro";
+
+## Introduction
\ No newline at end of file
diff --git a/src/content/tutorials/images/featured/Intro-to-splines.png b/src/content/tutorials/images/featured/Intro-to-splines.png
new file mode 100644
index 0000000000..4742996490
Binary files /dev/null and b/src/content/tutorials/images/featured/Intro-to-splines.png differ