Eleventy Style Guide Generator with WebC Component Support

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

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • 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.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • 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.

  • 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.

  • 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.

  • 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.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • Making a Simple Self-Hosted Photo Gallery with 11ty

    2 projects | dev.to | 5 Jun 2024
  • Create a Blog with Eleventy and Storyblok

    2 projects | dev.to | 13 May 2024
  • Converting BlogCFC blog to Eleventy

    4 projects | dev.to | 17 Apr 2024
  • Eleventy - Create a global production flag

    3 projects | dev.to | 19 Feb 2024
  • VS Code - Fix a task automation issue - `The terminal process failed to launch (exit code: 127`

    1 project | dev.to | 18 Jan 2024