+
+ ✨ Hello World Plugin (HTML/CSS Styling) ✨
+
+
+
+ This content is provided by the Hello World plugin using HTML/CSS
+ styling!
+
+
+ Plugins can add content to various parts of the application.
+
+
+
+
+
+
+ );
+};
+
+export default Greeting;
diff --git a/src/plugins/hello-world/components/GreetingPatternfly.tsx b/src/plugins/hello-world/components/GreetingPatternfly.tsx
new file mode 100644
index 000000000..1ec038cee
--- /dev/null
+++ b/src/plugins/hello-world/components/GreetingPatternfly.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+import {
+ Card,
+ CardTitle,
+ CardBody,
+ CardFooter,
+ Button,
+ Title,
+ Text,
+ TextVariants,
+} from "@patternfly/react-core";
+
+/**
+ * A greeting component built using PatternFly 5 components
+ */
+const GreetingPatternfly = () => {
+ return (
+