diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4fb221e..1bed622 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,25 +1,11 @@
 # Changelog
 
-## v0.3
+## v0.3.1
 
-- Added the `<Menu/>` component.
+- Fixed dependency importing
  
 ## Changes so far
 
-- Added the `<Fieldset/>` component.
-- Added the `<Stylesheet/>` component.
-- Added the `<Kbd/>` component.
-- Added the `<Time/>` component with ptera formating implemented out of the box.
-- Added the `<Dialog/>` component.
-- Added the `<Loader/>` component.
-- Added the `<Menu/>` component.
-- Added Global styles and fonts
-- Moved enums, types, utils and handlers out of `mod.ts`.
-- Moved the stylesheets to css-in-js.
-- Fixed shorthand import paths issue.
-- Fixed `SignalLike` type on component setup script.
-- Fixed the missing `Partial<>` in subcomponent types.
-
 ## Roadmap
 
 ### v0.3
diff --git a/components/Button/setup.ts b/components/Button/setup.ts
index efea0c0..d30c3b2 100644
--- a/components/Button/setup.ts
+++ b/components/Button/setup.ts
@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { BUTTON_TYPES } from '../../src/enums.ts';
 import { iComponent } from '../../src/types.ts';
 import { transition } from '../../src/styles.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iButton = iComponent<HTMLButtonElement> & {
   type: BUTTON_TYPES;
diff --git a/components/Card/setup.ts b/components/Card/setup.ts
index 399903b..3beb2d6 100644
--- a/components/Card/setup.ts
+++ b/components/Card/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iCard = iComponent<HTMLDivElement> & {
   imageUrl: string;
diff --git a/components/Chip/index.tsx b/components/Chip/index.tsx
index df74dbb..7a98f73 100644
--- a/components/Chip/index.tsx
+++ b/components/Chip/index.tsx
@@ -1,4 +1,4 @@
-import IconX from 'icons/x.tsx';
+import { IconX } from '../../deps.ts';
 import Text from '../Text/index.tsx';
 import setup, { iChip } from './setup.ts';
 
diff --git a/components/Chip/setup.ts b/components/Chip/setup.ts
index e14efaf..ad0784f 100644
--- a/components/Chip/setup.ts
+++ b/components/Chip/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iChip = iComponent<HTMLLIElement> & {
   onRemove?: (ev: Event) => void;
diff --git a/components/Chiplist/setup.ts b/components/Chiplist/setup.ts
index 3778313..b507df9 100644
--- a/components/Chiplist/setup.ts
+++ b/components/Chiplist/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iChiplist = iComponent<HTMLUListElement> & {
   onRemove?: (ev: Event) => void;
diff --git a/components/Code/setup.ts b/components/Code/setup.ts
index f19cb9f..4175ae7 100644
--- a/components/Code/setup.ts
+++ b/components/Code/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iCode = iComponent & {
   fwd: Partial<{
diff --git a/components/Dialog/setup.ts b/components/Dialog/setup.ts
index abfa909..4a1ac69 100644
--- a/components/Dialog/setup.ts
+++ b/components/Dialog/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iPanel } from '../Panel/setup.ts';
 import { iLayout } from '../Layout/setup.ts';
 
diff --git a/components/Fieldset/setup.ts b/components/Fieldset/setup.ts
index 9989902..b26c8a1 100644
--- a/components/Fieldset/setup.ts
+++ b/components/Fieldset/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import type { iInput } from '../Input/setup.ts';
 
 export type iFieldset = iComponent<HTMLFieldSetElement> & {
diff --git a/components/Footer/setup.ts b/components/Footer/setup.ts
index 02e5586..e4d606a 100644
--- a/components/Footer/setup.ts
+++ b/components/Footer/setup.ts
@@ -5,7 +5,7 @@ import { iPanel } from '../Panel/setup.ts';
 import { iLayout } from '../Layout/setup.ts';
 import { iLink } from '../Link/setup.ts';
 import { iGradient } from '../Gradient/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iFooter = iComponent & {
   madeWithFresh: boolean;
diff --git a/components/Header/setup.ts b/components/Header/setup.ts
index de281de..6454896 100644
--- a/components/Header/setup.ts
+++ b/components/Header/setup.ts
@@ -4,7 +4,7 @@ import { GRADIENT_PATTERNS, LAYOUT_TYPES } from '../../src/enums.ts';
 import { iLayout } from '../Layout/setup.ts';
 import { iPanel } from '../Panel/setup.ts';
 import { iGradient } from '../Gradient/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iHeader = iComponent & {
   layout_type: LAYOUT_TYPES | null;
diff --git a/components/Kbd/setup.ts b/components/Kbd/setup.ts
index 6a8cc6a..4d93e8e 100644
--- a/components/Kbd/setup.ts
+++ b/components/Kbd/setup.ts
@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iKbd = iComponent;
 
diff --git a/components/Layout/setup.ts b/components/Layout/setup.ts
index e8b8fa2..30f29da 100644
--- a/components/Layout/setup.ts
+++ b/components/Layout/setup.ts
@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { LAYOUT_TYPES } from '../../src/enums.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLayout = iComponent<HTMLDivElement> & {
   type: LAYOUT_TYPES;
diff --git a/components/Link/setup.ts b/components/Link/setup.ts
index 5531577..fe5254d 100644
--- a/components/Link/setup.ts
+++ b/components/Link/setup.ts
@@ -1,7 +1,7 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { transition } from '../../src/styles.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLink = iComponent<HTMLAnchorElement>;
 
diff --git a/components/Linkmap/setup.ts b/components/Linkmap/setup.ts
index 47c1511..08ff416 100644
--- a/components/Linkmap/setup.ts
+++ b/components/Linkmap/setup.ts
@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { iLink } from '../Link/setup.ts';
 import { iText } from '../Text/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLinkmapitem = {
   name: string;
diff --git a/components/Loader/index.tsx b/components/Loader/index.tsx
index 5dd17e8..dde836c 100644
--- a/components/Loader/index.tsx
+++ b/components/Loader/index.tsx
@@ -1,7 +1,7 @@
 import setup, { iLoader } from './setup.ts';
 import Panel from '../Panel/index.tsx';
 import Text from '../Text/index.tsx';
-import IconLoader2 from 'icons/loader-2.tsx';
+import { IconLoader2 } from '../../deps.ts';
 
 export default function (props: Partial<iLoader>) {
   const { c, nostyle, nostyleAll, fref, fwd, children, ...p } = setup(props);
diff --git a/components/Loader/setup.ts b/components/Loader/setup.ts
index 8f13ea2..b79eb73 100644
--- a/components/Loader/setup.ts
+++ b/components/Loader/setup.ts
@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iText } from '../Text/setup.ts';
 import { animation } from '../../src/styles.ts';
 
diff --git a/components/Main/setup.ts b/components/Main/setup.ts
index 06c268d..7b4e288 100644
--- a/components/Main/setup.ts
+++ b/components/Main/setup.ts
@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { LAYOUT_TYPES } from '../../src/enums.ts';
 import { iLayout } from '../Layout/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iMain = iComponent & {
   layout_type: LAYOUT_TYPES | null;
diff --git a/components/Markdown/setup.ts b/components/Markdown/setup.ts
index a37b90f..60abeff 100644
--- a/components/Markdown/setup.ts
+++ b/components/Markdown/setup.ts
@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { RenderOptions } from '../../src/markdown.ts';
 import { render } from '../../src/markdown.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iMarkdown = iComponent<HTMLDivElement> & {
   markdown_content: string;
diff --git a/components/Menu/setup.ts b/components/Menu/setup.ts
index c9f90b9..c4886ea 100644
--- a/components/Menu/setup.ts
+++ b/components/Menu/setup.ts
@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { MENU_POSITIONS } from '../../src/enums.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iButton } from '../Button/setup.ts';
 
 export type iMenu = iComponent<HTMLDivElement> & {
diff --git a/components/Panel/setup.ts b/components/Panel/setup.ts
index 684de64..137e948 100644
--- a/components/Panel/setup.ts
+++ b/components/Panel/setup.ts
@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iPanel = iComponent<HTMLDivElement>;
 
diff --git a/components/Separator/setup.ts b/components/Separator/setup.ts
index f64f8ac..1120954 100644
--- a/components/Separator/setup.ts
+++ b/components/Separator/setup.ts
@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iSeparator = iComponent<HTMLHRElement>;
 
diff --git a/components/Stylesheet/index.tsx b/components/Stylesheet/index.tsx
index eb586db..1058487 100644
--- a/components/Stylesheet/index.tsx
+++ b/components/Stylesheet/index.tsx
@@ -1,4 +1,4 @@
-import { css, ResinCssEmitter, ResinCssGlobalStyle } from 'resin';
+import { css, ResinCssEmitter, ResinCssGlobalStyle } from '../../deps.ts';
 import { globalStyles, themeStyles } from '../../src/styles.ts';
 
 export default function () {
diff --git a/components/Text/setup.ts b/components/Text/setup.ts
index d5bab3f..729cb68 100644
--- a/components/Text/setup.ts
+++ b/components/Text/setup.ts
@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { TEXT_TYPES } from '../../src/enums.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iText = iComponent<HTMLSpanElement> & {
   type: TEXT_TYPES;
diff --git a/components/Time/setup.ts b/components/Time/setup.ts
index 8b592cb..53725a2 100644
--- a/components/Time/setup.ts
+++ b/components/Time/setup.ts
@@ -1,7 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
-import { DateTime, datetime } from 'ptera';
+import { css, DateTime, datetime } from '../../deps.ts';
 
 export type iTime = iComponent<HTMLTimeElement> & {
   dateObject: DateTime;
diff --git a/deps.ts b/deps.ts
new file mode 100644
index 0000000..b97a83c
--- /dev/null
+++ b/deps.ts
@@ -0,0 +1,9 @@
+export {
+  css,
+  ResinCssEmitter,
+  ResinCssGlobalStyle,
+} from 'https://deno.land/x/resin@v0.1.6/mod.ts';
+export { default as IconLoader2 } from 'https://deno.land/x/tabler_icons_tsx@0.0.4/tsx/loader-2.tsx';
+export { default as IconX } from 'https://deno.land/x/tabler_icons_tsx@0.0.4/tsx/x.tsx';
+export { DateTime, datetime } from 'https://deno.land/x/ptera@v1.0.2/mod.ts';
+export * as classNames from 'https://deno.land/x/classnames@0.1.1/index.ts';
diff --git a/routes/_app.tsx b/routes/_app.tsx
index d133f91..8e279b2 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -1,7 +1,5 @@
 import { AppProps } from '$fresh/server.ts';
 import { Head } from '$fresh/runtime.ts';
-import { css, ResinCssEmitter, ResinCssGlobalStyle } from 'resin';
-import { globalStyles, themeStyles } from '../src/styles.ts';
 import { Stylesheet } from '../mod.ts';
 
 export default function App({ Component }: AppProps) {
diff --git a/routes/test/button.tsx b/routes/test/button.tsx
index 06ba465..65e16b8 100644
--- a/routes/test/button.tsx
+++ b/routes/test/button.tsx
@@ -10,7 +10,7 @@ import {
   Separator,
   Text,
 } from '../../mod.ts';
-import IconEdit from 'icons/edit.tsx';
+import { IconX } from '../../deps.ts';
 
 export default function TestButton() {
   return (
@@ -49,7 +49,7 @@ export default function TestButton() {
             Continue and run <Code>npm init</Code>
           </Button>
           <Button>
-            Edit <IconEdit />
+            Edit <IconX />
           </Button>
           <Button>
             <Text noMargins type='small'>small</Text>
diff --git a/src/styles.ts b/src/styles.ts
index 2527eda..0072e8c 100644
--- a/src/styles.ts
+++ b/src/styles.ts
@@ -1,4 +1,4 @@
-import { css } from 'resin';
+import { css } from '../deps.ts';
 
 export const transition = {
   interaction: {
diff --git a/src/utils.ts b/src/utils.ts
index 543c832..d816953 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -9,7 +9,7 @@
  * @module
  */
 
-import * as classNames from 'https://deno.land/x/classnames@0.1.1/index.ts';
+import { classNames } from '../deps.ts';
 import { EmptyObject } from './types.ts';
 import { JSX } from 'preact';