SolidJS Draw
Infos projet
- Outils vectoriels : rectangle, cercle, ligne, flèche, tracé libre, texte
- Panneau de propriétés complet (trait, remplissage, opacité, rayon, alignement)
- Calques, multi-sélection et menu contextuel
- Palette de commandes (⌘K) et historique des versions
- Export PNG / SVG / PDF — et export en composant SolidJS
- Responsive : vue mobile compacte avec toolbar en bas
- Réactivité fine par signals SolidJS (perfs élevées)
À propos du projet
SolidDraw est un éditeur de dessin vectoriel / whiteboard réalisé comme démo technique en SolidJS — créer, manipuler et exporter des formes vectorielles via une interface fluide et ultra-réactive, dans l'esprit d'Excalidraw.
L'app propose une toile infinie avec formes (rectangle, cercle, ligne, flèche, tracé libre, texte), un panneau de propriétés complet (couleurs, épaisseur, opacité, rayon, alignement), la gestion des calques, une palette de commandes (⌘K), un historique et un export PNG/SVG/PDF — jusqu'à l'export en composant SolidJS. Le tout est responsive, avec une vue mobile compacte.
Techniquement, c'est un terrain de jeu pour la réactivité fine par signals de SolidJS : le rendu reste fluide même avec de nombreux objets sur la toile. Stack SolidJS + TypeScript, build Vite.
Gallery
