1. Docs
  2. Framework Guide

Framework Guide

Choose the setup pattern that matches your app and initialize Flexilla in the right place.

Flexilla works best in projects where HTML is still close to the final UI and JavaScript enhances that markup.
These guides show where to place your markup, where to initialize Flexilla, and how to think about styling in each environment.

Before choosing a guide

No matter which framework or build tool you use, the Flexilla workflow stays the same:
  • Render the required HTML structure
  • Add styles for the states Flexilla controls
  • Initialize the component after the DOM is available

Available guides

Astro

Best when you render mostly static or server-driven pages and enhance them with small JavaScript islands.
Icon vite

Vite

Best for plain HTML, TypeScript, or lightweight app setups where you control the entry file directly.
Icon vue

Vue

Use Flexilla from Vue when you still want DOM-first components and initialize them after mount.
Icon laravel

Laravel

Good for Blade-driven applications where Flexilla enhances server-rendered markup.

Symfony

Good for Twig-based applications where you want interactive components without adopting a full UI framework.

Recommended reading order