SortFlex - 3D-Konfigurator für individuelle Halter & Halterungen

SortFlex ist ein Projekt, das ich von Grund auf entwickelt habe, um ein Problem zu lösen, auf das ich immer wieder stieß: Ich wollte individuelle Halter und Organizer für Bad, Schreibtisch und Werkstatt, aber die Gestaltung in herkömmlicher CAD-Software war übertrieben für eine eigentlich einfache Aufgabe. Also habe ich das weltweit einfachste 3D-Design-Tool für praktische Alltagsgegenstände gebaut.

Was es macht

SortFlex ermöglicht jedem - ohne CAD-Erfahrung - individuelle Halter und Organizer direkt im Browser zu gestalten. Der Workflow umfasst drei Schritte:

1. Produkte auswählen. Wählen Sie die Gegenstände aus einem Katalog von Standardobjekten - Rasierer, Flaschen, Werkzeuge, Kabel, Pflegeprodukte, Küchenutensilien und mehr. Jedes Objekt lässt sich an die spezifischen Produktmaße anpassen.
2. Auf einer Grundplatte anordnen. Drag & Drop der Gegenstände in einer Echtzeit-3D-Szene. Am Raster einrasten, Größen anpassen, Farben wählen - alles passiert live im Browser, ohne Installation.
3. Drucken oder bestellen. STL- oder 3MF-Dateien für den eigenen 3D-Drucker exportieren oder eine professionell gedruckte Version bestellen.

Der Editor bietet links einen Produktkatalog, in der Mitte ein Live-3D-Viewport und rechts die Grundplatten-Einstellungen. Farbe wählen, Maße anpassen und das Design in Echtzeit aktualisieren sehen. Die Seite bietet außerdem eine Galerie beliebter Vorlagen zum schnellen Einstieg - Rasier-Kit-Organizer, Herren-Bad-Toolkit, Aesop-Pflegeset-Halter, Olivenöl-Flaschen-Kopfüber-Halter, Schreibtisch-Stationen und mehr.

Vom Bildschirm zum physischen Objekt

Sobald das Design fertig ist, auf “Download for 3D Print” klicken und das Format wählen - STL für universelle Kompatibilität oder 3MF für Mehrfarben-Unterstützung in modernen Slicern. Die exportierte Datei geht direkt in den Slicer.

Links der Export-Dialog mit Formatauswahl und Plattenmaßen. Rechts dasselbe Design in Bambu Studio geladen, bereit zum Slicen und Drucken auf einem Bambu Lab X1C. Der gesamte Ablauf vom Browser-Design zum physischen Objekt dauert Minuten, nicht Stunden.

Anwendungsfälle

SortFlex deckt Organizer für praktisch jeden Raum ab:

• Bad - Zahnbürste, Rasierer, Seife, Pflegeflaschen - alles in einem kompakten Tablett
• Schreibtisch - Handyständer, Stiftehalter, Kabelclips für einen aufgeräumten Arbeitsplatz
• Werkstatt - Schraubendreher, Zangen, Inbusschlüssel auf einem wandmontierbaren Halter, nach Größe sortiert
• Küche - Gewürzgläser, Utensilien, Flaschen, Arbeitsflächen-Organisation

Das Admin-Backend

Hinter dem nutzerorientierten Editor sitzt ein vollständiges Admin-Interface zur Verwaltung des gesamten Produkts - Halter, Vorlagen, Nutzer, Materialien, Kategorien, Preise und Deployment. Vorlagen können gespeichert, getaggt und zwischen Showcase- und Tutorial-Modus umgeschaltet werden.

Die Sidebar umfasst alles: Dock Creator, Holders, Templates, AI Lab, Materials, Categories, Users, Feedback, Pricing, GitHub Actions, Cloudflare Deployment, Database Admin und einen SQL Editor. Es ist ein vollständiges operatives Backend, das für die Verwaltung des Produkts im großen Maßstab konzipiert ist.

KI-gestützte Halter-Erstellung

Der interessanteste Teil der Admin-Tools ist das AI Lab - ein Dock Creator, der Claude Code nutzt, um 3D-Objekte zu analysieren und automatisch Halter-Parameter zu generieren. Ein Foto hochladen oder ein Objekt beschreiben, und die KI analysiert den Querschnitt, schlägt die optimale Halterform vor (Kreis, Ellipse, Quadrat oder benutzerdefiniert) und generiert die parametrische Konfiguration.

Das linke Panel zeigt die Halter-Analyse mit Querschnitt-Abtastung, Formvorschlag und parametrischen Steuerelementen. Das zentrale Viewport rendert die 3D-Halter-Vorschau. Das rechte Panel zeigt den AI Assistant mit Claude Code - Halter-Parameter werden in Echtzeit modifiziert, mit der aktiven Dock-Konfiguration als JSON. So kann ich den Produktkatalog schnell erweitern, ohne jeden Haltertyp manuell modellieren zu müssen.

Tech Stack

Dies ist ein Full-Stack-Produkt, das ich von Anfang bis Ende entworfen und entwickelt habe:

• Frontend: React 19 + Vite, mit React Three Fiber für den Echtzeit-3D-Konfigurator. Die Drag-and-Drop-Oberfläche läuft vollständig im Browser mit Grid Snapping, Ausrichtungswerkzeugen und Live-Vorschau.
• CAD Engine: CadQuery (Python) im Backend für parametrische Festkörper-Modellgenerierung. Wenn ein Nutzer ein Design abschließt, werden die Parameter an die CadQuery Engine gesendet, die präzise, wasserdichte Geometrie erzeugt.
• AI Integration: Claude Code für automatisierte Halter-Erstellung - analysiert Objekt-Querschnitte und generiert parametrische Konfigurationen aus Fotos oder Beschreibungen.
• Export-Formate: STL und 3MF - kompatibel mit jedem FDM- oder SLA-Slicer (Bambu Studio, PrusaSlicer, Cura usw.).
• Infrastruktur: Cloudflare Pages für das Frontend, Cloudflare R2 für Asset-/Modell-Speicherung und ein Hostinger VPS für das Python-CAD-Compute-Backend.
• Admin: Vollständiges Management-Backend für Halter, Vorlagen, Nutzer, Materialien, Kategorien, Preise und Deployment.
• Design: Inter Font-Familie, cleanes minimales UI. Der Produktkatalog und die Vorlagen-Galerie werden alle mit echten 3D-Vorschauen gerendert.

Aktueller Status

SortFlex befindet sich derzeit im Early Access. Sie können sich auf der Warteliste anmelden, um benachrichtigt zu werden, sobald Ihr Platz bereit ist. Der Designer, die Vorlagen-Galerie und die Bestell-Pipeline sind alle funktionsfähig - ich nehme Nutzer in Wellen auf, um die Qualität sicherzustellen.

Warum ich das gebaut habe

Ich besitze einen Bambu Lab X1C und habe immer wieder einfache Halter in Fusion 360 modelliert - ein Vorschlaghammer für ein Reißzwecken-Problem. Die meisten 3D-Drucker-Besitzer laden Dateien von Thingiverse oder Printables herunter, aber die passen nie genau zu ihren spezifischen Produkten. Und Menschen ohne Drucker haben überhaupt keine Möglichkeit, individuelle Organizer zu bekommen.

SortFlex schließt diese Lücke: ein zweckgebautes Tool, das die Gestaltung von Haltern so einfach macht wie das Anordnen von Icons auf einem Bildschirm, mit der Option, selbst zu drucken oder drucken und liefern zu lassen.