diff --git a/pkgs/development/python-modules/sphinx-design/default.nix b/pkgs/development/python-modules/sphinx-design/default.nix
new file mode 100644
index 00000000000..8b4c91061fd
--- /dev/null
+++ b/pkgs/development/python-modules/sphinx-design/default.nix
@@ -0,0 +1,35 @@
+{ lib
+, buildPythonPackage
+, pythonOlder
+, fetchPypi
+, flit-core
+, sphinx
+}:
+
+buildPythonPackage rec {
+  pname = "sphinx-design";
+  version = "0.2.0";
+
+  format = "flit";
+
+  disabled = pythonOlder "3.7";
+
+  src = fetchPypi {
+    inherit version;
+    pname = "sphinx_design";
+    sha256 = "b148a5258061a46ee826d57ea0729260f29b4e9131d2a681545e0d4f3c0f19ee";
+  };
+
+  nativeBuildInputs = [ flit-core ];
+
+  propagatedBuildInputs = [ sphinx ];
+
+  pythonImportsCheck = [ "sphinx_design" ];
+
+  meta = with lib; {
+    description = "A sphinx extension for designing beautiful, view size responsive web components";
+    homepage = "https://github.com/executablebooks/sphinx-design";
+    license = licenses.mit;
+    maintainers = with maintainers; [ marsam ];
+  };
+}
diff --git a/pkgs/top-level/python-packages.nix b/pkgs/top-level/python-packages.nix
index 84689326dd1..21e85d81153 100644
--- a/pkgs/top-level/python-packages.nix
+++ b/pkgs/top-level/python-packages.nix
@@ -9984,6 +9984,8 @@ in {
 
   sphinx-comments = callPackage ../development/python-modules/sphinx-comments { };
 
+  sphinx-design = callPackage ../development/python-modules/sphinx-design { };
+
   sphinx-external-toc = callPackage ../development/python-modules/sphinx-external-toc { };
 
   sphinx-jupyterbook-latex = callPackage ../development/python-modules/sphinx-jupyterbook-latex { };