Skip to content

Silex Documentation

Welcome to the Silex documentation. Silex is a free and open-source visual website builder — design in the editor, publish anywhere, own your data.

The Silex visual editor: design your website visually, style with CSS, and publish anywhere

  • Quick Start


    Create your first website in 5 minutes

    Get started

  • Tutorial


    Build a complete portfolio site step by step

    Start tutorial

  • Publish My Site


    Learn how publishing works and go live

    Publishing

  • Connect WordPress


    Use WordPress as a CMS for your Silex site

    WordPress setup

  • Responsive Design


    Build sites that look great on every screen

    Breakpoints

  • Symbols & Reuse


    Create reusable headers, footers, and components

    Symbols

  • Self-Host Silex


    Run Silex on your own server with Docker or Node

    Self-hosting

  • Write a Plugin


    Extend Silex with custom plugins

    Creating plugins

Reading paths

Choose your path based on how you work:

For designers

Learn to build and publish sites visually:

  1. Getting StartedWhat is Silex, Quick Start, The Editor
  2. Build and StructurePages, Elements, Box Model, Images & Media, Page Structure
  3. Layout and StyleFlexbox, Positioning, Typography, Colors & Backgrounds, CSS Variables, Selectors & Classes
  4. Responsive DesignBreakpoints, Responsive Techniques, Testing
  5. Components and SymbolsSymbols, Design System
  6. Settings and SEOSite Settings, SEO, Social Sharing, Custom Code
  7. CMS and DataHow CMS Works, Expressions, WordPress Setup, Connecting a Data Source, Binding Data, Loops & Lists, Conditions, Filters, Collection Pages
  8. PublishingHow Publishing Works, Publish to GitLab, Custom Domain, Forms
  9. Full Site TutorialProject Brief, Structure, Styling, CMS Integration, Publish
  10. Contribute — help improve Silex

For developers

Set up, customize, and extend Silex:

  1. Self-HostingDocker, Node, One-Click Deploys
  2. ConfigurationServer Config, Client Config, Storage Connectors, Hosting Connectors
  3. PluginsUsing Plugins, Creating Plugins
  4. Publishing PipelineBuild awesome Config, GitLab CI, Publication Transformers, Other Hosting
  5. CMS IntegrationWordPress & Pods, Other GraphQL APIs
  6. Contribute — help improve Silex

Get help

Silex is built by a community of volunteers around the world. You're never alone.

Get involved

  • Contribute — help improve Silex (no coding required)
  • Roadmap — vote on features and shape the future
  • Donate — support the project financially
  • Share what you've built in the community chat — we'd love to see it!

Additional resources

  • Glossary — key terms explained
  • Roadmap — feature requests and voting
  • GitHub — contribute, report issues, view source code
Edit this page on GitLab