---
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](https://www.silex.me/) |
| **GitHub** | [silexlabs/Silex](https://github.com/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\|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é)

```yaml
# 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

```bash
npm install -g @silexlabs/silex
silex start
```

### Installation manuelle

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

## ⚙️ Configuration

1. **Créer un compte admin** : première connexion sur `https://silex.example.com`
2. **Nouveau projet** : File > New > Blank / Template
3. **Configurer la publication** : Settings > Publishing > connecter un FTP/SFTP ou utiliser le mode statique
4. **Sources de données** : panneau "Data" > ajouter API REST/GraphQL
5. **Composants custom** : `client/src/plugins/` (développement TypeScript)
6. **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

- [Site officiel](https://www.silex.me/)
- [Documentation](https://www.silex.me/documentation)
- [GitHub silexlabs/Silex](https://github.com/silexlabs/Silex)
- [Forum communautaire](https://community.silex.me/)
- [Exemples et templates](https://www.silex.me/templates)

## 🔗 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