To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them 🚀
⚠️ This project is no longer maintained. The project owner (@bholmesdev) now works on Astro full-time. If you want to build component-driven content sites, give Astro a try! If you're committed to 11ty and want to use client components, consider 11ty's WebC project.
Slinkity is a simple way to handle styles and component frameworks on your 11ty site. Once installed, this:
.html
or .liquid
file into a .jsx
file, and you're off to the componentized races.{% react 'path/to/component' %}
Slinkity stands on the shoulders of giants. You can think of Slinkity as the "glue" binding 2 tools together:
Use our CLI command to spin up a Slinkity site: npm init slinkity
. This demos our core functionality while staying as lean as possible.
To learn more, and explore adding Slinkity to existing 11ty projects...