feat(demo): completed initial version of animations demo

Author: parthivrh

package.json

@@ -120,5 +120,10 @@
       "packages/*",
       "packages/react-integration/demo-app-ts"
     ]
+  },
+  "dependencies": {
+    "@patternfly/react-component-groups": "^6.2.1",
+    "clsx": "^2.1.1",
+    "react-jss": "^10.10.0"
   }
 }

packages/react-core/src/demos/Animations/Animations.md

@@ -0,0 +1,37 @@
+---
+id: Motion
+section: design-foundations
+source: demo
+---
+
+import { Fragment, useRef, useState, useEffect } from 'react';
+
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
+import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
+import PowerOffIcon from '@patternfly/react-icons/dist/esm/icons/power-off-icon';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
+import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
+import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
+import MultiContentCard from "@patternfly/react-component-groups/dist/dynamic/MultiContentCard";
+import { ArrowRightIcon, LockIcon, PortIcon, CubeIcon, AutomationIcon, ExclamationCircleIcon, CheckCircleIcon, ExclamationTriangleIcon, HamburgerIcon} from '@patternfly/react-icons';
+import { createUseStyles } from 'react-jss';
+import clsx from 'clsx';
+import UnpluggedIcon from '@patternfly/react-icons/dist/esm/icons/unplugged-icon';
+import l_gallery_GridTemplateColumns_min from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
+import {applicationsData} from './examples/ResourceTableData.jsx';
+import SkeletonTable from "@patternfly/react-component-groups/dist/dynamic/SkeletonTable";
+import t_global_text_color_subtle from '@patternfly/react-tokens/dist/esm/t_global_text_color_subtle';
+
+
+## Demos
+
+This demonstration highlights PatternFly's latest animations. Explore how components like alerts, navigation, and forms use motion to provide clear feedback and improve usability across the platform.
+
+### Animations
+
+```js file="./examples/Animations.tsx" isFullscreen
+```