Iles

<p align="center"> <a href="https://iles-docs.netlify.app"> <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/> </a> </p> <p align="center"> <table> <tbody> <td align="center"> <br/> <p align="center"> <small><em>îles — french word for "islands"</em></small> </p> <h3 align='center'>Islands of interactivity with Vue, Preact, Svelte, Solid, and more</h3> <p align="center"> <a href='https://www.npmjs.com/package/iles'> <img src='https://img.shields.io/npm/v/iles?color=0284c7&label='> </a> </p> <img width="2000" height="0"> </td> </tbody> </table> </p>

Features ✨

• 🏝 Partial Hydration - zero JS by default, hydrates the interactive bits
• 🔌 Batteries Included - layouts, components, site-wide data
• 🧱 Multi-Framework - vue, preact, svelte, solid
• 📖 Markdown - use components in markdown and viceversa
• 🛣 Routing - automatically configured from files
• 🛠 Devtools - debug panel and hydration timeline
• ⚡️ Fast - instant reloading powered by Vite

Demos 🚀

Documentation Website

Official Vue.js Blog

Try it Online ⚡️

Installation 💿

pnpm create iles@next # or npm or yarn

Documentation 📖

Visit the documentation website to check out the guides and searchable configuration reference.

News 🗞

Follow me or the official îles account on Twitter.

Acknowledgements 🙇‍♂️

• Vite and Vue: for enabling an amazing development experience
• Astro: for sharing a novel way to define islands
• MDX: provides amazing flexibility when processing Markdown
• vue-router, @unhead/vue, and vite-plugin-pages: the backbone of this library
• unplugin-vue-components: allows you to avoid the boilerplate
• VitePress and vite-ssg: for their different ideas on SSR