diff --git a/src/components/ui/Card.jsx b/src/components/ui/Card.jsx
new file mode 100644
index 0000000..9f5ae2e
--- /dev/null
+++ b/src/components/ui/Card.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Card = () => {
+  return (
+    <div>Card</div>
+  )
+}
+
+export default Card
\ No newline at end of file
diff --git a/src/components/ui/DropDown.jsx b/src/components/ui/DropDown.jsx
new file mode 100644
index 0000000..c27cbc0
--- /dev/null
+++ b/src/components/ui/DropDown.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+
+const DropDown = (props) => {
+  return (
+    <li className="mb-4">
+              <select
+                id={props.id}
+                value={props.value}
+                onChange={props.onChange}
+                className="border w-full rounded-full px-4 py-2 bg-gray-200 bg-opacity-20 backdrop-blur"
+              >
+                {props.default && <option value="">Default</option>}
+                {props.options.map((option) => (
+                  <option key={option.value} value={option.value}>
+                    {option.label}
+                  </option>
+                ))}
+              </select>
+            </li>
+  )
+}
+
+export default DropDown
\ No newline at end of file