Genoly

Write components once, compile to every framework.

Genoly provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, and more in the future.

Genoly uses tsdown and rolldown under the hood to simplify the build process.

Status

Genoly is currently a work in progress and should not be used in production.

However, you can still clone this repository and play around with the demo and examples.

Configuration

You can configure Genoly with the genoly.config.ts file at the root of your project.

import { defineConfig } from "@genoly/config";
import vue from "@genoly/generator-vue";

export default defineConfig({
  generators: [vue()], // see section below for more.
});

Take a look at the types of the @genoly/config package to know what parameters you can use.

Official Generators

Package	Framework / Library	Status
@genoly/generator-vue	Vue	Done
@genoly/generator-react	React	WIP
@genoly/generator-solid	Solid	TBD

Want to build your own generator? Take a look at the @genoly/generator package to get started.

FAQ

What about Mitosis?

Genoly is heavily inspired by them and we might have very strong similarities but internally everything is different.