F# Fable

Open-source F# projects categorized as Fable | Edit details

Top 18 F# Fable Projects

  • GitHub repo Fable: F# |> BABEL

    F# to JavaScript Compiler

    Project mention: From TypeScript to ReScript | news.ycombinator.com | 2022-01-12

    There is also F# via Fable: https://fable.io

    Business logic can be shared with .NET and it has lots of ways to interoperate with JS. There's even a TypeScript converter though of course it's not as pleasant as "yarn add" and YMMV : https://fable.io/ts2fable/

    Here's a demo of building some React components in F#: https://www.youtube.com/watch?v=a6Ct3CM_lj4&t=860s

  • GitHub repo ionide-vscode-fsharp

    VS Code plugin for F# development

    Project mention: Perf Avore: A Rule Based CrossPlatform Performance Based Monitoring and Analysis Tool | dev.to | 2021-12-20

    Perf Avore was developed on VSCode using the ionide plugin and dotnet cli.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo elmish

    Elm-like abstractions for F# apps

    Project mention: Managing State in Comet | dev.to | 2022-01-08

    Comet promotes a variation of the Model-View-Update pattern popularized by The Elm Architecture, Elmish, Fabulous and others. The major parts of MVU are:

  • GitHub repo Feliz

    A fresh retake of the React API in Fable and a collection of high-quality components to build React applications in F#, optimized for happiness

    Project mention: Fable is a compiler that brings F# into the JavaScript ecosystem | news.ycombinator.com | 2021-10-17

    Along with Fable highly recommend a look at Feliz. A joy to work with and its ViewEngine can also be separately used w/ Giraffe if you enjoy the syntax:

    https://zaid-ajaj.github.io/Feliz/

    https://github.com/Zaid-Ajaj/Feliz

  • GitHub repo fable-react

    Fable bindings and helpers for React and React Native

    Project mention: Using lit-html with F# | dev.to | 2021-08-28

    In fable-land we have been using react historically by a few reasons either using fable-react or feliz the main one is that react's programming model (i.e. functional like style) is an awesome fit for F#

  • GitHub repo compost

    Composable data visualization library for JavaScript

  • GitHub repo Femto

    Femto is a CLI tool that automatically resolves npm packages used by Fable bindings

    Project mention: Perfect F# React Dev Setup in F# Fable with VS Code, Formatting/Linting | dev.to | 2021-09-08

    Dealing with both package manager can be a burden, so please install femto, a very easy-to-use & magic dotnet CLI tool:

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo Thoth.Json

    Library for working with JSON in a type safe manner, this libs is targeting Fable

    Project mention: My battles with JSON decoding… | reddit.com/r/fsharp | 2021-11-20

    As an admirer of Elm, the obvious/default choice for me is the Thoth.Json.Net library. I just thought it might be of use to someone. It certainly would have found something like this useful few days ago, so here it is: Better guide and support for inconsistent structures, issue #124 my take on the topic.

  • GitHub repo SAFE.Simplified

    A lightweight alternative template of SAFE for happy cross-IDE full-stack F# development

  • GitHub repo Perla

    A cross-platform tool for unbundled front-end development that doesn't depend on Node or requires you to install a complex toolchain

    Project mention: Progressively Adding Fable to JS Projects | dev.to | 2022-01-06

    If you need to handle dependencies via CDN/Local Dist file then some dependencies won't work because they use node like imports import {} from 'lit/some/sub/directory.js browser imports need to start with / or ./ or even ../ so they can be valid ES module imports thankfully for this you can check out in a shameless plug one of the projects I'm working on: Perla which handles this precise case but I digress, the ideal situation would be you with npm and already figured out how to serve node dependencies to your compiled code.

  • GitHub repo Feliz.ViewEngine

    Feliz DSL and engine for HTML generation and server side rendering (SSR)

    Project mention: Doing MVC in F# and Saturn | dev.to | 2021-07-16

    There are other DSL Flavors out there like https://github.com/dbrattli/Feliz.ViewEngine (a react based DSL) or https://github.com/giraffe-fsharp/Giraffe.Razor (if you like razor pages) so if you feel this is too much, don't worry you can still write plain HTML (cshtml) or React jsx like code.

  • GitHub repo Feliz.Recoil

    Fable bindings in Feliz style for Facebook's experimental state management library recoil.

    Project mention: Your thoughts on Fusion - a single abstraction that tries to replace almost everything else you use in modern web apps? | reddit.com/r/dotnet | 2021-05-03
  • GitHub repo hacn

    A "monad" or DSL for creating React components using Fable and F# computation expressions

  • GitHub repo Visual2

    ARM assembler and simulator (written in F#) with elmish, React Monaco Editor, Electron & Fable

  • GitHub repo Bleeter

    UI for GTA 5's microblogging site built using F# and Fable

    Project mention: Bleeter - UI for GTA V's microblogging site built using F#, React and Tailwind CSS | reddit.com/r/webdev | 2021-12-31
  • GitHub repo InterstellarFableHelloWorld

    A sample Interstellar application with a UI built in Fable+Elmish+React

  • GitHub repo fs-components

    Project mention: Creating Web Components with Fable.Lit | dev.to | 2021-09-04

    The source code for this post is here: https://github.com/AngelMunoz/fs-components

  • GitHub repo real-world-fable

    A Single Page Application written in F# using Fable and Elmish.

    Project mention: Building a Webpack alternative in F# | dev.to | 2021-12-16

    What came up next was experimenting with snowpack and fuse-box to see which setup could work best with Fable 3 and Although, Both projects work extremely well with Fable, the snowpack project felt more compelling to me thanks to the promoted Unbundled development concept. I decided to go for it and tried the Fable Real World implementation and switched webpack for snowpack and the results were kind of what I was expecting, faster builds, a simpler setup and a much faster developer loop feedback with the browser.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-12.

F# Fable related posts

Index

What are some of the best open-source Fable projects in F#? This list will help you:

Project Stars
1 Fable: F# |> BABEL 2,321
2 ionide-vscode-fsharp 727
3 elmish 652
4 Feliz 380
5 fable-react 244
6 compost 106
7 Femto 105
8 Thoth.Json 89
9 SAFE.Simplified 84
10 Perla 67
11 Feliz.ViewEngine 49
12 Feliz.Recoil 42
13 hacn 34
14 Visual2 21
15 Bleeter 6
16 InterstellarFableHelloWorld 4
17 fs-components 3
18 real-world-fable 3
Find remote jobs at our new job board 99remotejobs.com. There are 28 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org