Official 11ty docs
WebC — Eleventy
52 posts in 'WebC'
How My Terminal Text WebC Component Works_
Thank you for thinking out loud
Apr 7, 2025
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.
Feb 15, 2025
by Keith Kurson (3 posts) · Website & RSS feed
Categories: CSS/SassGlobal DataHow to...WebC
This blog's comments are powered by Webmentions
A post from Matt Steele
Jan 19, 2025
by Matt Steele (3 posts) · Website & RSS feed
Categories: BloggingHow to...WebCWebmentions
From Gatsby to Eleventy
A post from Matt Steele
Nov 25, 2024
by Matt Steele (3 posts) · Website & RSS feed
Categories: Migrating to EleventyPerformanceWebCWhy Eleventy?
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
Sep 14, 2024
by Fynn Becker (3 posts) · Website & RSS feed
Oddbird’s Winging It Live: Web Components
A post by Zach Leatherman (zachleat)
Aug 27, 2024
by Zach Leatherman (49 posts) · Website & RSS feed
Categories: From the SourceWebCYouTube
WebC at scale
Some things to check when going from hundreds to thousands.
Aug 7, 2024
by Ben White (2 posts) · Website & RSS feed
Categories: WebC
Eleventy Buckets & Cascade Layers
Solving a problem I created
Jul 6, 2024
by Miriam Suzanne (1 post) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationHow to...WebC
Nested pagination with 11ty
How to paginate through an array of arrays.
Jun 27, 2024
by Ben White (2 posts) · Website & RSS feed
Categories: How to...PaginationWebC
Building with Eleventy
Re(re-re) building my personal site with Eleventy and web components
May 21, 2024
by Keith Kurson (3 posts) · Website & RSS feed
Categories: BloggingWebCWhy 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?
Feb 29, 2024
by Ryan Gittings (3 posts) · Website
Categories: How to...PerformanceWebC
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
Feb 27, 2024
The Good, the Bad, the Web Components
A post by Zach Leatherman (zachleat)
Jan 31, 2024
by Zach Leatherman (49 posts) · Website & RSS feed
Categories: WebC
Migrating my site from NextJS to Eleventy
I recently migrated my website from NextJS to Eleventy.
Dec 17, 2023
by Sandro Roth (2 posts) · Website & RSS feed
Categories: Migrating to EleventyWebCWhy Eleventy?
Eleventy WebC in a nutshell
Dec 2, 2023
by Rob Anderson (5 posts) · Website & RSS feed
Categories: ConfigurationLayoutsPluginsWebC
Automating Eleventy Server with Visual Studio Code Tasks
Nov 28, 2023
by Dan Ryan (1 post) · Website & RSS feed
Categories: ConfigurationHow to...WebC
Under the hood
LostInBrittany's tech blog, reborn... again...
Oct 9, 2023
by Horacio Gonzalez (1 post) · Website
Categories: WebCWhy Eleventy?
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.
Oct 3, 2023
by Tomek Poniatowicz (2 posts) · Website & RSS feed
Categories: WebC
webc.nvim
New Neovim Plugin - Basic support for WebC files
Aug 23, 2023
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.
Aug 3, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: WebC
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
Jul 28, 2023
Creating Bootstrap WebC Components in Eleventy
Using WebC to make working with Bootstrap simpler.
Jun 19, 2023
Extending 11ty’s page variable
Adding slot-like support to 11ty.
Apr 17, 2023
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
Apr 11, 2023
by Benny Powers (8 posts) · Website
Categories: WebC
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
Apr 9, 2023
by Mathieu Huot (2 posts) · Website
Categories: WebC
3 Methods for scoped styles in web components that work everywhere
A post by Zach Leatherman (zachleat)
Apr 6, 2023
WebC Updates in Eleventy - Looping
A look at another new WebC feature - looping
Apr 4, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: WebC
WebC Updates in Eleventy
Description of updates to WebC
Mar 28, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: WebC
Using WebC for progressively-enhanced UI elements
Feb 23, 2023
by Lewis Dale (5 posts) · Website & RSS feed
Categories: WebC
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.01.
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
Feb 3, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: WebC
Quick WebC Tip
How to enable better color coding for your WebC templates
Jan 27, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: WebC
Importing external components in WebC via NPM
Multiline Comment • The online journal of Ashur Cabrera
Dec 24, 2022
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: WebC
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Dec 17, 2022
by Martin Hicks (2 posts) · Website & RSS feed
Categories: WebC
Exploring WebC
How to setup and create your first WebC component in a Nunjucks 11ty
Nov 30, 2022
by Constant Vallee (2 posts) · Website & RSS feed
Categories: 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.
Nov 17, 2022
My notes on Eleventy WebC components
WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!
Oct 28, 2022
by Levi McGranahan (1 post) · Website & RSS feed
Categories: WebC
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!
Oct 24, 2022
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: WebC
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
Oct 23, 2022
by Fuzzy Logic (3 posts) · Website & RSS feed
Categories: WebC
The WebC Episode with a Bonus Server-Rendered Image Comparison Component on Eleventy
YouTube video
Oct 20, 2022
First Experience Building with Eleventy's WebC Plugin
My first attempt working with Eleventy's new Web Component plugin
Oct 16, 2022
Introduction to WebC
What is WebC and what does it have to do with Eleventy?
Oct 15, 2022
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: WebC
Using Storybook With 11ty
Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.
Apr 6, 2022
by Paul Everitt (2 posts) · Website & RSS feed
Categories: How to...ShortcodesWebC