5t3ph

An Eleventy environment for creating CSS Houdini Paint worklets.

Generate simple, responsive email templates, with inlined CSS on build using 11ty.

An Eleventy theme for offering premium content to members. Requires Supabase and Netlify accounts.

Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, generated sitemap, and RSS feed.

A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph)

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.

An example of using 11ty Serverless to. create site search using local and external data sources.

A slim 11ty + Sass setup to get started creating custom Twitch scenes, including responding to chat commands with ComfyJS.

Use the power of 11ty to generate web components (custom elements).

Generate accessible UI colors from your base color tokens.

Setup a slim build tools process for kickstarting a custom Bootstrap 4 theme.

Template HTML/Sass site that retrieves DEV posts with a Netlify function. Uses node-sass and includes Browsersync for hot reloading. Build styles are minified and autoprefixed.

Learn how to setup Twitch scenes built with Eleventy in 30 minutes! Includes embedded chat, and chat command responses.

Enforce a typed frontmatter schema for templates within an Eleventy collection.

Eleventy (11ty) plugin that provides a configurable filter to display an estimated read time for Eleventy content, optionally with an emoji visual indicator.

Process CSS in Eleventy (11ty) with LightningCSS to minify, prefix, and add future CSS support.

Compile Sass in Eleventy (11ty) and process it with LightningCSS to minify, prefix, and add future CSS support.

Create dynamic images sized for social media tags for your Eleventy content.

A starter environment for creating plugins for Eleventy (11ty).

Create a personal RSS Reader using Eleventy. Review recordings to learn how it was built!

Minimal Sass/HTML Template Site - dart sass powered, includes stylelint and prettier, and autoprefix upon build. develop script includes hot-reload via browsersync.

A collection of quick copy HTML snippets for a variety of common scenarios.

An Eleventy starter as built for the following CSS-Tricks tutorial: https://css-tricks.com/a-community-driven-site-with-eleventy-building-the-site/

Posts from the series "Modern CSS Solutions to Old CSS Problems"

Generate the object-position value to capture an image's focal point given a custom aspect-ratio.

Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.

A modern CSS showcase styled by community contributions. Add your stylesheet!

An Eleventy-based Twitch scenes starter with a chat-controlled game! Includes ComfyJS with command responses, and 6 scenes including guest support.