Silex v3.5.1 is now live on https://v3.silex.me
This is an important release. It completes the "data driven webdesign" workflow, a major feature introduced progressively in previous versions. It also includes a major redesign of the UX of the settings, the selector manager and the fonts manager.
This release marks a key milestone for dynamic, CMS-driven websites in Silex, and introduces proper versioned releases with clear changelogs.
Major Highlights Since v3.4.x
1. Dynamic Data & CMS Integration
Silex now fully supports designing websites with dynamic data from APIs and headless CMSs (GraphQL):
- Bind component properties (text, attributes, visibility, classes) to API data
- Build pages using loops, conditions, filters, and expressions
- Support for nested loops and complex data structures
- Live preview directly on the canvas while editing
- No more “publish to see the result” workflow
- Build with 11ty SSG in GitLab pipelines
This effectively delivers what we call Silex CMS:
- A visual editor for API-driven websites
- Publishing to static output (11ty) with dynamic content resolved at build time
- No proprietary backend, bring your own CMS or API
This closes the roadmap item:
https://roadmap.silex.me/posts/6/silex-cms-apis-integration-design-with-dynamic-data
2. Live Preview on the Canvas (Production-Ready)
Live preview is now stable and reliable:
- Works on Firefox and Chrome
- Preview refreshes correctly at startup
- Loops, conditions, and filters update without breaking selection
- No GrapesJS selection markers inside dynamic elements
- Reduced DOM re-rendering and flickering
This turns dynamic design into a true WYSIWYG experience, even with data.
3. Expressions Editor Improvements
Working with dynamic logic is now much more usable:
- Copy / paste expressions between fields
- Cleaner UI and better affordances
- Fixed edge cases when clearing or editing expressions
- Chrome rendering issues fixed
This makes complex data logic reusable and faster to author.
4. Advanced Selector Manager Matures
CSS power is now fully usable in Silex:
- Support for compound selectors like
.a > .b - Better display of the current selector
- Safer class editing (no accidental side effects)
- Element IDs can no longer be removed by mistake
This enables advanced layout and interaction patterns without hacks.
5. Fonts Manager UX Overhaul
Managing fonts is now clearer and more visual:
- Card-based UI instead of dropdowns
- Better display of font variants and metadata
- Improved overall usability for designers
6. Notifications & Editor UX
- Notifications now support unique IDs (no duplicates)
- Clicking a notification reliably selects the related component or page
- General UI polish and consistency improvements across the editor
7. Release Transparency & Versioning (Feature Request #31 – CLOSED)
Silex now ships with proper release pages and changelogs:
- Clear list of features and fixes per release
- Ability to track what was deployed
- Canary releases used for testing, stable releases clearly identified
- Code and changes traceable across repositories
This closes:
https://roadmap.silex.me/posts/31/silex-versions-release-page-with-change-logs
What This Release Unlocks
With v3.5.1, Silex can now be used to:
- Build CMS-driven websites without proprietary platforms
- Design dynamic content visually, with live preview
- Publish static, fast, secure websites
- Collaborate via Git
- Self-host or use the free SaaS with no limits
This is a major step toward a free, open alternative to Webflow-style tools, without lock-in.
Try It Now
Live version → https://v3.silex.me
Also available as an npm library for your JS projects, an npx CLI and Docker image for self hosting.
Get Involved
- Forum → https://community.silex.me
- Chat → https://short.silex.me/chat
- Bug reports → https://github.com/silexlabs/Silex/issues
- Roadmap → https://roadmap.silex.me