Eleventy Style Guide Generator with WebC Component Support

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. 11ty-design-system

    A Simple Design System generator for 11ty, supports design tokens and WebC

    Source is on GitHub and here’s the demo site it generates.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. theo

    Theo is a an abstraction for transforming and formatting Design Tokens

    There are some great well established tools out there that do this, such as Theo and Style Dictionary but for this I turned to the sage advice of Andy Bell via buildexcellentwebsit.es and used Tailwind to run through the token JSON files and generate the CSS variables I can use in my styling.

  4. eleventy-design-system

    After some searching for existing solutions I found this Eleventy Design System gem by Trys Mudford. It’s truly a wonderful foundation for exactly what I was hoping to achieve with this project.

  5. tugboat

    A modern starter project using Eleventy and WebC. (by 11ty)

    Continue to add foundational web components that can be reused across any kind of tech stack. Im considering adding some more baseline WebC components to this project as well, especially those found in Tugboat.

  6. eleventy 🕚⚡️

    A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

    I’d ideally like this to be an Eleventy plugin that can be installed on an Eleventy site, rather than a full Eleventy site in itself. As far as I can tell there’s not a way to do so until Virtual Templates are made available.

  7. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to Integrate Tailwind with 11ty – With Code Examples

    3 projects | dev.to | 17 Apr 2025
  • Static Site Generator - 11ty v3 tutorial

    2 projects | dev.to | 23 Mar 2025
  • Enhance an 11ty site at the edge

    4 projects | dev.to | 21 Mar 2025
  • The curious case of the paragraph with the bad CLS

    1 project | dev.to | 3 Dec 2024
  • Ask HN: Is It Time for a WordPress Alternative?

    1 project | news.ycombinator.com | 18 Oct 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?