Lene Saile's starred repositories
relative-time-element
Web component extensions to the standard <time> element.
dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
web-font-loading-recipes
A bunch of demos for different web font loading strategies. Companion to https://www.zachleat.com/web/comprehensive-webfonts/
playground-elements
Serverless coding environments for the web.
browser-window
Used in demos as a way to fake a Safari-esque web browser window.
sparkly-text
A small web component for making your text spark.
component-template
Template for kicking off a new Web Component
scrollspy-nav
Web Component for sticky-positioned page anchor menus
11ty-community
A database of #BuiltWithEleventy web sites.
action-table
Native HTML web component for easily adding sorting and filtering functionality to tables.
open-heart-element
A button to POST an emoji to an endpoint.
performance-leaderboard-pagespeed-insights
A plugin to run Lighthouse on Pagespeed Insights against a set of urls to see which site is the fastest.
share-button
A Web Component to share web pages using the native OS sharing options
11ty-design-system
A Simple Design System generator for 11ty, supports design tokens and WebC
pagefind-search
A web component to search with Pagefind.
rknight.me
Personal site built with Eleventy
11tybundle.dev
I started this project after producing several newsletter-type blog posts on my personal website, bobmonsour.com. I called those blog posts The 11ty Bundle. I wanted to create a single place where I could share resources and information about Eleventy.
web-component-starter
Basic web component starter without framework using Typescript and Vite
dashboard-exercise-css-nouveau
Final exercise for CSS Nouveau Season 1
wc-ssr-demos
Demos of Enhance, Lit, and WebC SSR in Node