5t3ph

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

Minimal snippets for modern CSS layouts and components

Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies support-based classes, exposes a results object, and allows custom tests.

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

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

Generate accessible UI colors from your base color tokens.

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

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

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

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

Learn about accessible button contrast then generate your own accessible button color palette

Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.

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

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

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

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

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