Exploring The F# Frontend Landscape

This page summarizes the projects mentioned and recommended in the original post on dev.to

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • 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

  • Feliz

  • Fable.Lit

    Write Fable Elmish apps with Lit

  • This is my personal favorite one when it comes to Fable options, Fable.Lit builds on top of lit.dev which is a web component library built on web standards. It brings performant straightforward and inter-framework compatible components to the F# FE landscape since Lit works with DOM elements themselves rather than abstractions you can manipulate component instances like if you were doing vanilla JavaScript except that you can use the F# safety for that.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • Sutil

    Lightweight front-end framework for F# / Fable. No dependencies.

  • Sutil

  • Feliz.Engine

    Feliz as an abstract API for multiple renderers

  • Feliz.Engine

  • Fable.Store

    Manage state logic in Svelte, React apps and more

  • Fable.Svelte

  • Feliz.Snabbdom

    Write Fable apps using Feliz and Snabbdom

  • Feliz.Snabdom

  • Feliz.Solid

    Discontinued Use Zaid Ajaj Feliz API with SolidJS

  • Feliz.Solid

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • Avalonia.FuncUI

    Develop cross-plattform GUI Applications using F# and Avalonia!

  • Avalonia.FuncUI

  • FuncUI.Wasm.Template

    A simple Avalonia.FuncUI + WASM Starter Template

  • This one might come as a surprise for many because Avalonia is a Desktop application framework! but as seen in this Avalonia.FuncUI WASM Template it is possible to bring the power of avalonia into the desktop via WASM, The main advantage of Avalonia.FuncUI is that you will be able to share code between browsers, android, ios, mac, linux, and windows.

  • shoelace-css

    A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇

  • In Fable.Lit rather than building an F# DSL (we tried) we use a string-based alternative which is closed to the HTML you know and love, this also helps a lot when you have to consume web components like those from shoelace.style, fast.design, adobe spectrum components, and more, this will be a very important and big point over the next few years now that web components have taken off finally with major companies like Microsoft, Salesforce, Github, Adobe and more are using them.

  • React

    The library for web and native user interfaces.

  • Fable is an F# to JavaScript compiler (like Typescript compiles to JavaScript) it is near its fourth major release and has a very very strong ecosystem based around React.js although, in recent times other options have become available.

  • spectrum-web-components

    Spectrum Web Components

  • In Fable.Lit rather than building an F# DSL (we tried) we use a string-based alternative which is closed to the HTML you know and love, this also helps a lot when you have to consume web components like those from shoelace.style, fast.design, adobe spectrum components, and more, this will be a very important and big point over the next few years now that web components have taken off finally with major companies like Microsoft, Salesforce, Github, Adobe and more are using them.

  • lit

    Lit is a simple library for building fast, lightweight web components.

  • This is my personal favorite one when it comes to Fable options, Fable.Lit builds on top of lit.dev which is a web component library built on web standards. It brings performant straightforward and inter-framework compatible components to the F# FE landscape since Lit works with DOM elements themselves rather than abstractions you can manipulate component instances like if you were doing vanilla JavaScript except that you can use the F# safety for that.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Using lit-html with F#

    8 projects | dev.to | 28 Aug 2021
  • Exploring a foreign F# codebase

    4 projects | dev.to | 24 Feb 2024
  • F(#)ront-end Experience like Re-Frame (clojure(script))?

    3 projects | /r/fsharp | 7 Dec 2022
  • OCaml programmer with some noob F# ecosystem questions

    6 projects | /r/fsharp | 15 Aug 2022
  • Bleeter - UI for GTA V's microblogging site built using F#, React and Tailwind CSS

    1 project | /r/webdev | 31 Dec 2021