Awesome
<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 🚀
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