👩💻
Single-Page Setup (recorded livestream)
I joined Colby Fayock on Twitch in a slightly chaotic hour where I began building SmolCSS.dev with Eleventy.
Check out the recording and learn more about setting up Eleventy content for use in a single-page site, including advanced template and layout features using Nunjucks.
Watch Recording
⚡️
11ty Web Component Generator
Eleventy makes it possible to mix templating languages. More importantly to this generator is that we can customize the output file type and composite a file from includes.
This generator works with the inherent features of 11ty. Web components are generated within a Nunjucks (.njk
) template that outputs the final .js
file.
Demo the Generator
💌
Email Generator
Generate simple, responsive email templates, with inlined CSS on build.
Use the Sass theme setup to re-brand the default template, and use the frontmatter keys for flexibilty in the layout. Check out the README for additional tips on creating emails.
Create Your Emails
🎩
11ty CSS Houdini Worklet Generator
CSS Houdini worklets require a server to run. While there are many ways to create an envirnoment for developing and testing your worklet, as a static site generator, Eleventy provides a slim way to get setup and testing quickly so you can focus on creating your worklet!
You can preview the included worklet example on this CodePen.
Details and Template