diff --git a/src/handler/tailwind.ts b/src/handler/tailwind.ts
index 76829eb8..1ade953e 100644
--- a/src/handler/tailwind.ts
+++ b/src/handler/tailwind.ts
@@ -1,56 +1,64 @@
+import type { TwConfig } from 'twrnc'
+
 import * as twrnc from 'twrnc/create'
 
-const config = {
-  plugins: [
-    {
-      handler: ({ addUtilities }) => {
-        const presets = {
-          'shadow-sm': { boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)' },
-          shadow: {
-            boxShadow:
-              '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
-          },
-          'shadow-md': {
-            boxShadow:
-              '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
-          },
-          'shadow-lg': {
-            boxShadow:
-              '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
-          },
-          'shadow-xl': {
-            boxShadow:
-              '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
-          },
-          'shadow-2xl': {
-            boxShadow: '0 25px 50px -12px rgb(0 0 0 / 0.25)',
-          },
-          'shadow-inner': {
-            boxShadow: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
-          },
-          'shadow-none': { boxShadow: '0 0 #0000' },
-        }
+type TwPlugin = TwConfig['plugins'][number]
 
-        addUtilities(presets)
+const defaultShadows: TwPlugin = {
+  handler: ({ addUtilities }) => {
+    const presets = {
+      'shadow-sm': { boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)' },
+      shadow: {
+        boxShadow:
+          '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
       },
-    },
-  ],
+      'shadow-md': {
+        boxShadow:
+          '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+      },
+      'shadow-lg': {
+        boxShadow:
+          '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+      },
+      'shadow-xl': {
+        boxShadow:
+          '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+      },
+      'shadow-2xl': {
+        boxShadow: '0 25px 50px -12px rgb(0 0 0 / 0.25)',
+      },
+      'shadow-inner': {
+        boxShadow: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+      },
+      'shadow-none': { boxShadow: '0 0 #0000' },
+    }
+
+    addUtilities(presets)
+  },
 }
 
-function createTw() {
-  return twrnc.create(config, 'web')
+function createTw(config?: TwConfig) {
+  return twrnc.create(
+    {
+      ...config,
+      plugins: [...(config?.plugins ?? []), defaultShadows],
+    },
+    'web'
+  )
 }
 
 let tw
 export default function getTw({
   width,
   height,
+  config,
 }: {
   width: number
   height: number
+  config?: TwConfig
 }) {
   if (!tw) {
-    tw = createTw()
+    tw = createTw(config)
   }
   tw.setWindowDimensions({ width: +width, height: +height })
   return tw
diff --git a/src/satori.ts b/src/satori.ts
index 43c7519d..e78e2f71 100644
--- a/src/satori.ts
+++ b/src/satori.ts
@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import type { TwConfig } from 'twrnc'
 
 import getYoga, { init } from './yoga'
 import layout from './layout'
@@ -31,6 +32,7 @@ export type SatoriOptions = (
     languageCode: string,
     segment: string
   ) => Promise<FontOptions | string | undefined>
+  tailwindConfig?: TwConfig
 }
 
 export { init }
@@ -109,6 +111,7 @@ export default async function satori(
       const twToStyles = getTw({
         width: definedWidth,
         height: definedHeight,
+        config: options.tailwindConfig,
       })
       const twStyles = { ...twToStyles([tw] as any) }
       if (typeof twStyles.lineHeight === 'number') {
diff --git a/tsup.config.ts b/tsup.config.ts
index ce93a509..98c7d65f 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -11,14 +11,16 @@ export default defineConfig({
   entry: ['src/index.ts'],
   splitting: false,
   sourcemap: true,
-  dts: process.env.NODE_ENV !== 'development',
+  dts: process.env.NODE_ENV !== 'development' && {
+    resolve: ['twrnc', './tw-config', './types'],
+  },
   minify: process.env.NODE_ENV !== 'development',
   format: ['esm', 'cjs'],
   noExternal: ['twrnc'],
   esbuildOptions(options) {
     if (process.env.WASM) {
       options.outExtension = {
-        '.js': `.wasm.${options.format === "cjs" ? 'cjs' : 'js'}`,
+        '.js': `.wasm.${options.format === 'cjs' ? 'cjs' : 'js'}`,
       }
     }
     options.tsconfig = process.env.WASM ? 'tsconfig.wasm.json' : 'tsconfig.json'