Skip to content
Retour à Tech
Projet · 6 min de lecture

SortFlex - Configurateur 3D pour supports et rangements personnalisés

Un outil de conception 3D dans le navigateur pour créer des supports, organisateurs et rangements personnalisés. Glissez-déposez des objets du quotidien sur un plateau, puis imprimez en 3D ou commandez une version imprimée.

Voir le projet
Partager
Sur cette page

SortFlex est un projet que j’ai construit de zéro pour résoudre un problème récurrent : je voulais des supports et organisateurs personnalisés pour ma salle de bain, mon bureau et mon atelier, mais la conception dans un logiciel CAO traditionnel était excessivement complexe pour une tâche simple. J’ai donc créé l’outil de conception 3D le plus simple au monde pour les objets pratiques du quotidien.

Ce que ça fait

SortFlex permet à n’importe qui - sans expérience CAO - de concevoir des supports et organisateurs directement dans le navigateur. Le processus se fait en trois étapes :

  1. Choisissez vos produits. Sélectionnez les objets à organiser dans un catalogue d’objets standards - rasoirs, bouteilles, outils, câbles, produits de soin, ustensiles de cuisine et plus. Chaque objet est ajustable pour correspondre aux dimensions exactes de votre produit.
  2. Arrangez sur un plateau. Glissez-déposez les objets dans une scène 3D en temps réel. Alignement sur grille, ajustement des tailles, choix des couleurs - tout se passe en direct dans le navigateur, sans installation.
  3. Imprimez ou commandez. Exportez les fichiers STL ou 3MF pour votre imprimante 3D, ou commandez une version imprimée professionnellement.
SortFlex 3D editor - drag-and-drop product catalog, real-time 3D preview with bathroom items on a base plate, color and size settings

L’éditeur propose un catalogue de produits à gauche, un viewport 3D en direct au centre et les paramètres du plateau à droite. Choisissez une couleur, ajustez les dimensions et voyez votre design se mettre à jour en temps réel. Le site propose également une galerie de modèles populaires prêts à l’emploi pour démarrer rapidement - organisateur de kit de rasage, toolkit salle de bain homme, support de soins Aesop, support bouteille d’huile d’olive retournée, stations de bureau et plus.

De l’écran à l’objet physique

Une fois votre design prêt, cliquez sur “Download for 3D Print” et choisissez votre format - STL pour une compatibilité universelle ou 3MF pour le support multicolore dans les slicers modernes. Le fichier exporté va directement dans votre slicer.

SortFlex export dialog - STL and 3MF format selection with filename and plate dimensions SortFlex design loaded in Bambu Studio slicer - ready to print on a Bambu Lab X1C

À gauche, le dialogue d’export avec le choix du format et les dimensions du plateau. À droite, le même design chargé dans Bambu Studio, prêt à être découpé et imprimé sur un Bambu Lab X1C. Le flux complet, de la conception dans le navigateur à l’objet physique, prend des minutes, pas des heures.

Cas d’utilisation

SortFlex couvre les organisateurs pour pratiquement toutes les pièces :

  • Salle de bain - brosse à dents, rasoir, savon, flacons de soin - le tout dans un plateau compact
  • Bureau - support de téléphone, porte-stylos, clips de câbles pour un espace de travail propre
  • Atelier - tournevis, pinces, clés Allen sur un support mural organisé par taille
  • Cuisine - pots à épices, ustensiles, bouteilles, organisation du plan de travail

Le backend admin

Derrière l’éditeur utilisateur se trouve une interface admin complète pour gérer l’ensemble du produit - supports, modèles, utilisateurs, matériaux, catégories, tarification et déploiement. Les modèles peuvent être sauvegardés, tagués et basculés entre les modes vitrine et tutoriel.

SortFlex admin interface - template management with sidebar navigation for holders, templates, users, AI Lab, materials, categories, pricing, and deployment

La barre latérale couvre tout : Dock Creator, Holders, Templates, AI Lab, Materials, Categories, Users, Feedback, Pricing, GitHub Actions, Cloudflare Deployment, Database Admin et un SQL Editor. C’est un backend opérationnel complet conçu pour gérer le produit à grande échelle.

Création de supports par IA

La partie la plus intéressante des outils admin est l’AI Lab - un Dock Creator qui utilise Claude Code pour analyser des objets 3D et générer automatiquement les paramètres de support. Téléchargez une photo ou décrivez un objet, et l’IA analyse sa section transversale, suggère la forme optimale du support (cercle, ellipse, carré ou personnalisé) et génère la configuration paramétrique.

SortFlex AI Dock Creator - cross-section analysis of a 3D object with AI assistant generating holder parameters and JSON configuration in real time

Le panneau de gauche montre l’analyse du support avec l’échantillonnage de section transversale, la suggestion de forme et les contrôles paramétriques. Le viewport central rend l’aperçu 3D du support. Le panneau de droite montre l’AI Assistant exécutant Claude Code - modifiant les paramètres du support en temps réel, avec la configuration dock active en JSON. Cela me permet d’élargir rapidement le catalogue produit sans modéliser manuellement chaque type de support.

Tech Stack

C’est un produit full-stack que j’ai conçu et construit de bout en bout :

  • Frontend : React 19 + Vite, avec React Three Fiber pour le configurateur 3D en temps réel. L’interface drag-and-drop fonctionne entièrement dans le navigateur avec l’alignement sur grille, les outils d’alignement et l’aperçu en direct.
  • CAD Engine : CadQuery (Python) côté backend pour la génération de modèles solides paramétriques. Quand un utilisateur finalise un design, les paramètres sont envoyés au moteur CadQuery qui génère une géométrie précise et étanche.
  • AI Integration : Claude Code pour la création automatisée de supports - analyse les sections transversales d’objets et génère des configurations paramétriques à partir de photos ou descriptions.
  • Formats d’export : STL et 3MF - compatibles avec tout slicer FDM ou SLA (Bambu Studio, PrusaSlicer, Cura, etc.).
  • Infrastructure : Cloudflare Pages pour le frontend, Cloudflare R2 pour le stockage des assets/modèles, et un VPS Hostinger pour le backend de calcul CAD Python.
  • Admin : Backend de gestion complet pour les supports, modèles, utilisateurs, matériaux, catégories, tarification et déploiement.
  • Design : Famille de polices Inter, UI minimale et épurée. Le catalogue produit et la galerie de modèles sont tous rendus avec de vrais aperçus 3D.

Statut actuel

SortFlex est actuellement en accès anticipé. Vous pouvez vous inscrire sur la liste d’attente pour être notifié quand votre place est prête. Le designer, la galerie de modèles et le pipeline de commande sont tous fonctionnels - j’intègre les utilisateurs par vagues pour assurer la qualité.

Pourquoi j’ai construit ça

Je possède un Bambu Lab X1C et je me retrouvais régulièrement à modéliser des supports simples dans Fusion 360 - un marteau-pilon pour un problème de punaise. La plupart des propriétaires d’imprimantes 3D téléchargent des fichiers depuis Thingiverse ou Printables, mais ceux-ci ne conviennent jamais exactement à leurs produits spécifiques. Et les personnes sans imprimante n’ont aucun moyen d’obtenir des organisateurs personnalisés.

SortFlex comble ce fossé : un outil dédié qui rend la conception de supports aussi simple que d’arranger des icônes sur un écran, avec la possibilité d’imprimer soi-même ou de faire imprimer et livrer.

react-three-fiber cadquery 3d-printing cloudflare vite react

Articles liés