Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/farm-fe/awesome-farm

A curated list of awesome things related to Farm
https://github.com/farm-fe/awesome-farm

List: awesome-farm

Last synced: about 1 month ago
JSON representation

A curated list of awesome things related to Farm

Awesome Lists containing this project

README

        



Farm Logo


Awesome Farm


A curated list of awesome things related to Farm


Awesome

## Resources

### Official Resources

- [Documentation](https://farm-fe.github.io/)
- [GitHub Repo](https://github.com/farm-fe)
- [Release Notes](https://github.com/farm-fe/farm/blob/main/packages/core/CHANGELOG.md)

## Get Started

- [create-farm](https://github.com/farm-fe/farm/tree/main/packages/create-farm) - Scaffolding Your First Farm Project.

## Plugins

### RustPlugins

#### Official Plugins

- **[`@farmfe/plugin-react`](https://github.com/farm-fe/farm/tree/main/rust-plugins/react)**:Support React `jsx` and `react-refresh`.
- **[`@farmfe/plugin-sass`](https://github.com/farm-fe/farm/tree/main/rust-plugins/sass)**:Support compiling `sass/scss` files.

#### Community Plugins

- **[`farm-plugin-remove-console`](https://github.com/jstors/farm-plugin-remove-console)**: ✂️ farm's plugin of remove console
- **[`farm-plugin-html-template`](https://github.com/jstors/farm-plugin-html-template)**: used to dynamically replace variables injected into HTML.
- **[`farm-plugin-replace-dirname`](https://github.com/jstors/farm-plugin-replace-dirname)**: replacement `__dirname`, `__filename` in node.
- **[`farm-plugin-compression`](https://github.com/Weeken/farm-plugin-compression)**: compress resources from dist and generate `.gz` file.
- **[`farm-plugin-pwa`](https://github.com/Weeken/farm-plugin-pwa)**: PWA integrations for farm.
- **[`farm-plugin-console-clear`](https://github.com/Weeken/farm-plugin-console-clear)**: A rust plugin for farm to clear console statement.
- **[`farm-plugin-webp-to-png`](https://github.com/Weeken/farm-plugin-webp-to-png)**: A rust plugin for farm to automatically convert your webp to png, and compress all the png.
- **[`farm-plugin-wasm`](https://github.com/Weeken/farm-plugin-wasm)**: Add WebAssembly integration to farm.

### JsPlugins

#### Official Plugins

- **[`@farmfe/js-plugin-postcss`](https://github.com/farm-fe/farm/tree/main/js-plugins/postcss)**:Support `postcss` in your project.
- **[`@farmfe/js-plugin-less`](https://github.com/farm-fe/farm/tree/main/js-plugins/less)**:Support compiling `less` files.
- **[`@farmfe/js-plugin-svgr`](https://github.com/farm-fe/farm/tree/main/js-plugins/svgr)**:Support compiling `svg` files.
- **[`@farmfe/js-plugin-dts`](https://github.com/farm-fe/farm/tree/main/js-plugins/dts)**:Support compiling `*.d.ts` files.
- **[`@farmfe/js-plugin-sass`](https://github.com/farm-fe/farm/tree/main/js-plugins/sass)**:Support compiling `sass/scss` files.

#### Community Plugins

- **[`@vitejs/plugin-vue`](https://github.com/vitejs/vite-plugin-vue/blob/main/packages/plugin-vue/README.md)**
- **[`@vitejs/plugin-vue-jsx`](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx)**
- **[`vite-plugin-solid`](https://www.npmjs.com/package/vite-plugin-solid)**
- **[`vite-plugin-mock`](https://www.npmjs.com/package/vite-plugin-solid)**
- **[`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import)**
- **[`unplugin-vue2-script-setup`](https://github.com/antfu/unplugin-vue2-script-setup)**
- **[`unplugin-icons`](https://github.com/antfu/unplugin-icons)**
- **[`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components)**

## Examples

Farm support compiling React, Vue, SolidJS, Sass, Less, and Css Modules officially out of the box. See our examples:

### React

#### Official Examples

- [`React-Basic`](https://github.com/farm-fe/farm/tree/main/examples/react)
- [`React-Ant-Design`](https://github.com/farm-fe/farm/tree/main/examples/react-antd)
- [`React-Sass-CssModules`](https://github.com/farm-fe/farm/tree/main/examples/css-modules)
- [`React-Multi-Page-Application`](https://github.com/farm-fe/farm/tree/main/examples/multi-page-app)
- [`React-SSR`](https://github.com/farm-fe/farm/tree/main/examples/react-ssr)
- [`React-TailwindCSS`](https://github.com/farm-fe/farm/tree/main/examples/tailwind)

#### Community Examples

- [`Farm-react-admin`](https://github.com/jstors/farm-react-admin): 🧚Out-of-the-box Farm react template projects,Integrated router, global state library, and arco component library.

### Vue

#### Official Examples

- [`Vue-Basic`](https://github.com/farm-fe/farm/tree/main/examples/vue)
- [`Vue-Jsx`](https://github.com/farm-fe/farm/tree/main/examples/vue-jsx)
- [`Vue-Antdv`](https://github.com/farm-fe/farm/tree/main/examples/vue-antdv)
- [`Plugin-Vue`](https://github.com/farm-fe/farm/tree/main/examples/vite-adapter-vue)
- [`Plugin-Solid`](https://github.com/farm-fe/farm/tree/main/examples/solid)

#### Community Examples

- [`farm-soybean-admin`](https://github.com/farm-fe/farm-soybean-admin): Migrate project from Vite to Farm

## Ecosystem

> Farm is already compatible with part of the vite ecosystem, and we are also improving the compatibility of the entire vite plugin.

- [Farm Ecosystem](https://farm-fe.github.io/docs/plugins/community-plugins)
- [Awesome Vite](https://github.com/vitejs/awesome-vite/blob/master/README.md)
- [Unplugin Ecosystem](https://unplugin.unjs.io/showcase/)
- [Swc Plugins](https://swc.rs/docs/plugin/selecting-swc-core)