Stastic Designer screenshot

Stastic Designer

Author Avatar Theme by Lexoyo
Updated: 20 Jun 2024
11 Stars

drag and drop universal template editor

Categories

Overview

Stastic Designer is a work in progress tool that aims to create a drag and drop universal template editor based on the Silex open-source website builder. Currently, it is compatible with Jekyll and 11ty, but no documentation is available yet. The tool offers both a desktop app for local usage and an online mode for working without installation. It includes features such as a template panel for writing HTML+liquid code, publication support for 11ty and Jekyll, component loading, and a tool for converting selected elements into components. It also provides support for various adapters like 11ty, Jekyll, Forestry, and Salesforce Pardot.

Features

  • Desktop app: Allows users to work locally and potentially offline.
  • Online mode: Enables users to work online without the need for installation.
  • Template panel: A panel that allows users to write HTML+liquid code, which will be inserted at publication time while still displaying the element in Silex and preview mode.
  • Publication support: Supports publication for 11ty and Jekyll, where each page becomes a layout and files are stored in their respective folders and formats (CSS, JS, HTML, assets).
  • Component loading: Users can load components specific to a website, which are stored with the website.
  • Convert to component tool: Provides a tool to convert selected elements into components.
  • Included adapters: Offers adapters for 11ty, Jekyll, Forestry, and Salesforce Pardot.

Installation

To install Stastic Designer, follow these steps:

  1. Please refer to the Silex Desktop installation instructions.
  2. Create a website using Silex, with one page for each page type in the final website.
  3. Select elements that should come from the CMS and designate them as templates.
  4. Publish the website to a folder that contains a Jekyll or 11ty website, either on GitHub or locally.

Summary

Stastic Designer is a tool being developed to provide a drag and drop universal template editor based on the open-source Silex website builder. It currently supports Jekyll and 11ty and offers features such as a template panel, publication support, component loading, and conversion tools. Although no documentation is available at the moment, it provides both a desktop app and an online mode for flexibility in usage.