diff --git a/app/Livewire/Dev/Compose.php b/app/Livewire/Dev/Compose.php
new file mode 100644
index 000000000..a5cd53fc2
--- /dev/null
+++ b/app/Livewire/Dev/Compose.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Livewire\Dev;
+
+use Livewire\Component;
+
+class Compose extends Component
+{
+    public string $compose = '';
+
+    public string $base64 = '';
+
+    public $services;
+
+    public function mount()
+    {
+        $this->services = get_service_templates();
+    }
+
+    public function setService(string $selected)
+    {
+        $this->base64 = data_get($this->services, $selected.'.compose');
+        if ($this->base64) {
+            $this->compose = base64_decode($this->base64);
+        }
+    }
+
+    public function updatedCompose($value)
+    {
+        $this->base64 = base64_encode($value);
+    }
+
+    public function render()
+    {
+        return view('livewire.dev.compose');
+    }
+}
diff --git a/resources/views/livewire/dev/compose.blade.php b/resources/views/livewire/dev/compose.blade.php
new file mode 100644
index 000000000..5d7ad1be1
--- /dev/null
+++ b/resources/views/livewire/dev/compose.blade.php
@@ -0,0 +1,13 @@
+<div class="pb-10" x-data>
+    <h1>Compose</h1>
+    <div>All kinds of compose files.</div>
+    <h3 class="pt-4">Services</h3>
+    @foreach ($services as $serviceName => $value)
+        <x-forms.button wire:click="setService('{{ $serviceName }}')">{{ Str::headline($serviceName) }}</x-forms.button>
+    @endforeach
+    <h3 class="pt-4">Base64 En/Decode</h3>
+    <x-forms.button x-on:click="copyToClipboard('{{ $base64 }}')">Copy Base64 Compose</x-forms.button>
+    <div class="pt-4">
+        <x-forms.textarea realtimeValidation rows="40" id="compose"></x-forms.textarea>
+    </div>
+</div>
diff --git a/resources/views/livewire/dev/s3-test.blade.php b/resources/views/livewire/dev/s3-test.blade.php
new file mode 100644
index 000000000..5244f07fd
--- /dev/null
+++ b/resources/views/livewire/dev/s3-test.blade.php
@@ -0,0 +1,15 @@
+<div>
+    <h2>S3 Test</h2>
+    <form wire:submit="save">
+        <input type="file" wire:model="file">
+        @error('file')
+            <span class="error">{{ $message }}</span>
+        @enderror
+        <div wire:loading wire:target="file">Uploading to server...</div>
+        @if ($file)
+            <x-forms.button type="submit">Upload file to s3:/files</x-forms.button>
+        @endif
+    </form>
+    <h4>Functions</h4>
+    <x-forms.button wire:click="get_files">Get s3:/files</x-forms.button>
+</div>