slinkity

⚠️ This project is no longer maintained. The project owner now works on Astro full-time. For 11ty users, consider 11ty's WebC project.

Slinkity is a tool that enhances 11ty (Eleventy) static sites by integrating component frameworks and modern frontend tooling. It acts as a bridge between Eleventy and Vite, offering:

• Component framework support (React, etc.) for page/layout templates
• Shortcodes to embed components in existing content (e.g. {% react 'component' %})
• Partial hydration to selectively add client-side interactivity
• Vite-powered asset bundling for CSS preprocessors, JS optimization, and HMR

Key features:

• Transforms traditional Eleventy templates into component-driven ones
• Maintains Eleventy's data fetching and content capabilities
• Leverages Vite for modern development tooling

Target audience: Eleventy users wanting to:

• Gradually adopt component frameworks
• Add interactivity to static sites
• Use modern CSS/JS tooling with minimal config

Note: While Slinkity supported multiple frameworks, Svelte support isn't specifically highlighted in this content. The project is now archived in favor of Astro and Eleventy's native WebC.