title: Silex created: 2026-06-07 updated: 2026-06-07 type: app tags: [catalogue, development, low-code, ui-builder, admin-panel, no-code, internal-tools] confidence: high contested: false sources: [https://selfh.st/apps/?tag=Development, https://github.com/silexlabs/silex]

💻 Silex

Le constructeur low-code d'interfaces d'administration : créez des dashboards et outils internes en glissant-déposant, sans écrire de HTML/CSS, basé sur le standard ouvert Blockly.

📋 Informations Générales

Champ	Valeur
Site web	silex.me
GitHub	silexlabs/Silex
License	AGPL-3.0
Langage	TypeScript (Node.js + navigateur)
Étoiles GitHub	2,8k ⭐
Dernière MAJ	2026-06-07
Catégorie	cat-development, Low-Code / UI Builder

📝 Description

Silex est un constructeur d'interfaces web low-code open source, développé par Silex Labs (association française). Contrairement à la plupart des outils no-code qui s'enferment dans des formats propriétaires, Silex repose sur Blockly (la bibliothèque visuelle de Google) et génère du HTML/CSS/JS standard, que vous pouvez ensuite exporter et héberger librement.

L'idée : permettre à des non-développeurs de créer des sites, dashboards, et outils internes sans dépendre d'un SaaS fermé. Vous composez des pages dans un éditeur visuel (drag & drop), connectez des sources de données via API, et déployez le résultat. Pour les développeurs, Silex expose une API d'extensions en TypeScript et un système de composants custom.

Silex se distingue dans la catégorie "low-code" par son engagement open source fort (AGPL), son export HTML standard (pas de vendor lock-in), et sa capacité à produire des applications métier complexes (admin panels, dashboards, formulaires avancés, intranet) — pas seulement des sites vitrines.

Public cible : équipes produit, freelances, designers, associations, OBNL qui veulent un outil no-code transparent, exportable, et auto-hébergeable.

Fonctionnalités principales

✅ Éditeur visuel drag & drop basé sur Blockly (Google)
✅ Export HTML/CSS/JS standard (zéro vendor lock-in)
✅ Connexion API REST/GraphQL : dynamique data
✅ Composants custom en TypeScript via l'API d'extensions
✅ Multi-pages avec navigation
✅ Responsive designer : breakpoints desktop/tablette/mobile
✅ Thèmes : Bootstrap, Tailwind, ou custom CSS
✅ Formulaires avancés : validation, envoi email, webhooks
✅ Collaboration temps réel (multi-éditeurs)
✅ SEO-friendly : export HTML statique indexable
✅ Open source AGPL : auditable, modifiable

🚀 Installation

Via Docker (recommandé)

# docker-compose.yml
version: '3.8'
services:
  silex:
    image: silexlabs/silex:latest
    container_name: silex
    restart: unless-stopped
    ports:
      - "6805:6805"
    environment:
      SILEX_SECRET: "changez-moi-en-production-50-chars"
      SILEX_DATA_DIR: "/app/data"
    volumes:
      - silex_data:/app/data
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.silex.rule=Host(`silex.example.com`)"
      - "traefik.http.routers.silex.entrypoints=websecure"
      - "traefik.http.routers.silex.tls.certresolver=letsencrypt"

volumes:
  silex_data:

Via npm

npm install -g @silexlabs/silex
silex start

Installation manuelle

git clone https://github.com/silexlabs/Silex.git
cd Silex
npm install
npm run start

⚙️ Configuration

Créer un compte admin : première connexion sur https://silex.example.com
Nouveau projet : File > New > Blank / Template
Configurer la publication : Settings > Publishing > connecter un FTP/SFTP ou utiliser le mode statique
Sources de données : panneau "Data" > ajouter API REST/GraphQL
Composants custom : client/src/plugins/ (développement TypeScript)
Sauvegarde : volume Docker /app/data (contient les projets)

🔗 Alternatives

Budibase — Low-code orienté outils internes, plus structuré (BDD), open core
ToolJet — Low-code similaire, support BDD intégré (PostgreSQL, MongoDB)
Appsmith — Concurrent direct, BDD intégrées, très actif
Retool — Standard du marché, mais propriétaire et cher
Bubble — No-code complet, propriétaire, pas self-hosted
Webflow — Site builder visuel, pas d'admin panels

🔒 Sécurité

🔐 HTTPS obligatoire via app-traefik : Silex gère potentiellement des données métier
🛡️ Authentification : activer le mode multi-utilisateurs avec rôles
🔒 Reverse proxy : ne pas exposer directement le port 6805
🛡️ Sources de données : utiliser des tokens en lecture seule côté API
🛡️ Webhooks sortants : valider les URLs, secret partagé
🛡️ Sauvegardes régulières du volume silex_data (projets + médias)

📚 Ressources

🔗 Pages Liées

cat-development — Catégorie Development
app-budibase — Concurrent low-code open source
app-appsmith — Alternative low-code
app-tooljet — Concurrent orienté BDD
app-traefik — Reverse proxy HTTPS
securisation-home-lab — Bonnes pratiques
recettes-docker-compose — Templates Docker

5.6 KiB Raw Blame History