Supported Frameworks

Explore the different frameworks and languages available in Make Mode

Available Frameworks

Make Mode can generate code for five different frameworks. Select your target from the dropdown in the header.

React (Default)

Generate React components with JSX. The AI produces functional components with hooks, proper prop types, and CSS-in-JS or CSS modules.

Functional components with React Hooks
TypeScript support available
styled-components or CSS modules
Proper prop destructuring and defaults

Vue.js

Generate Vue single-file components (SFCs) with template, script, and style sections.

Composition API or Options API
Scoped CSS styles
Props with validation
Vue 3 compatible

Svelte

Generate Svelte components with reactive declarations and scoped styling.

Reactive $: declarations
Component props with export
Scoped CSS by default
Event dispatching

Flutter (Dart)

Generate Flutter widgets in Dart for cross-platform mobile and desktop apps.

StatelessWidget and StatefulWidget
Material Design components
Proper widget composition
Theme-aware styling

Vanilla JavaScript

Generate pure HTML, CSS, and JavaScript without any framework dependencies.

Semantic HTML5 structure
Modern CSS (flexbox, grid, custom properties)
Vanilla JS for interactivity
No build tools required

Choosing the Right Framework

Consider these factors when selecting a framework:

Existing Project - Match your current tech stack
Team Expertise - Choose what your team knows
Target Platform - Flutter for mobile, others for web
Project Size - Vanilla JS for small projects, frameworks for larger ones