WebC 59 posts
2026
Recently Played: bringing back my Last.fm component
How I rebuilt my old Last.fm widget as an Eleventy WebC component with server-rendered HTML, client-side polling, and localStorage caching.
Martin Hicks (3)
Using 11ty's WebC to separate web components out into separate files
Stuart Langridge of Kryogenix Consulting, for consultancy and custom development on the web and devices
Stuart Langridge (1)
2025
We migrated our site to Eleventy and increased performance by 24%
How choosing the right tool for the job led to faster load times and fewer dependencies.
Dan Webb (1)
Building a resume website with eleventy
i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.
Keith Kurson (3)
2024
11ty WebC If Statements and Attributes
I was building a component for my site and needed to add some logic as to what displays. After some searching and experimentation, I figured it out and thought I'd share what I found.
Keith Wagner (5)
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
Fynn Becker (3)
Building with Eleventy
Unveiling the Marvels of 11ty's WebC
Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?
Ryan Gittings (5)
Elevating Video Transcripts as Searchable Content
2023
Migrating my site from NextJS to Eleventy
Eleventy WebC in a nutshell
Eleventy components woes
So far so good, in part one we managed to do a very basic setup of a blog website sticking to just... Tagged with frontend, javascript, react, webdev.
Eleventy Style Guide Generator with WebC Component Support
The simplicity and speed of Eleventy with the organization of a self documenting design system. Style guide generator that incorporates design tokens, fluid typography, and WebC components.
Steven Woodson (7)
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
Benny Powers (8)
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
Benny Powers (8)
webc-starter-kit (Github repo)
A starter project for Eleventy (11ty) using WebC as a main template langage. Also includes opiniated assets processing and a few more bells and whistles. - solution-loisir/webc-starter-kit
Mathieu Huot (2)
Using WebC for progressively-enhanced UI elements
Lewis Dale (5)
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden (105)
2022
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Martin Hicks (3)
Exploring WebC
Building a YouTube Embed Web Component (both vanilla and WebC flavored)
A look at a simple YouTube embed component built in traditional web components and Eleventy's WebC plugin.
Raymond Camden (105)
My notes on Eleventy WebC components
WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!
Levi McGranahan (1)
Understanding WebC Features and Concepts
WebC is an exciting addition to the 11ty ecosystem as it enables first-class components. Putting the pieces together may be a little overwhelming, so let’s review some WebC features to help you be successful!
Stephanie Eckles (21)
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
Fuzzy Logic (3)
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
Laurence Hughes (4)
First Experience Building with Eleventy's WebC Plugin
My first attempt working with Eleventy's new Web Component plugin
Raymond Camden (105)
Using Storybook With 11ty
Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.
Paul Everitt (2)