Feliz.CompilerPlugins
3.0.0
dotnet add package Feliz.CompilerPlugins --version 3.0.0
NuGet\Install-Package Feliz.CompilerPlugins -Version 3.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Feliz.CompilerPlugins" Version="3.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Feliz.CompilerPlugins" Version="3.0.0" />
<PackageReference Include="Feliz.CompilerPlugins" />
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Feliz.CompilerPlugins --version 3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Feliz.CompilerPlugins, 3.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Feliz.CompilerPlugins@3.0.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Feliz.CompilerPlugins&version=3.0.0
#tool nuget:?package=Feliz.CompilerPlugins&version=3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Feliz 
A fresh retake of the React API in Fable, optimized for happiness.
Here is how it looks like:
module App
open Feliz
[<ReactComponent>]
let Counter() =
let (count, setCount) = React.useState(0)
Html.div [
Html.button [
prop.style [ style.marginRight 5 ]
prop.onClick (fun _ -> setCount(count + 1))
prop.text "Increment"
]
Html.button [
prop.style [ style.marginLeft 5 ]
prop.onClick (fun _ -> setCount(count - 1))
prop.text "Decrement"
]
Html.h1 count
]
open Browser.Dom
let root = ReactDOM.createRoot (document.getElementById "root")
root.render (Counter())
✨ Features
- Flexible API design: Combine the reliability of F# type safety with the flexibility to interop easily with native JavaScript.
- Discoverable attributes with no more functions,
Htmlattributes or CSS properties globally available so they are easy to find. - Proper documentation: each attribute and CSS property
- Full React API support: Feliz aims to support the React API for building components using hooks, context and more.
- Fully Type-safe: no more
Margin of objbut instead utilizing a plethora of overloaded functions to account for the overloaded nature ofCSSattributes, covering 90%+ of the CSS styles, values and properties. - Compatible with Femto.
- Approximately Zero bundle size increase where everything function body is erased from the generated JavaScript unless you actually use said function.
🚀 Quick Start
# install the template (if you haven't already)
dotnet new -i Feliz.Template
# create a new Feliz project from the installed template
dotnet new feliz -n MyProject
# navigate to the created project folder
cd MyProject
# install the npm dependencies
npm install
# install .NET tools
dotnet tool restore
# start the development server
npm start
📚 Documentation
Feliz has extensive documentation at https://fable-hub.github.io/Feliz/ with live examples alongside code samples, check them out and if you have any question, let us know!
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
| .NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
| .NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
| .NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
| MonoAndroid | monoandroid was computed. |
| MonoMac | monomac was computed. |
| MonoTouch | monotouch was computed. |
| Tizen | tizen40 was computed. tizen60 was computed. |
| Xamarin.iOS | xamarinios was computed. |
| Xamarin.Mac | xamarinmac was computed. |
| Xamarin.TVOS | xamarintvos was computed. |
| Xamarin.WatchOS | xamarinwatchos was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
.NETStandard 2.0
- Fable.AST (>= 5.0.0-beta.3)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on Feliz.CompilerPlugins:
| Package | Downloads |
|---|---|
|
Feliz
A fresh retake of the React API in Fable, optimized for happiness |
|
|
Elmish.Store
A library that merges Elmish and React, providing an external store with efficient, selective component rendering capabilities. |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 3.0.0 | 600 | 12/10/2025 |
| 3.0.0-rc.9 | 284 | 12/8/2025 |
| 3.0.0-rc.8 | 173 | 11/28/2025 |
| 3.0.0-rc.7 | 121 | 11/27/2025 |
| 3.0.0-rc.6 | 279 | 11/21/2025 |
| 3.0.0-rc.5 | 273 | 11/21/2025 |
| 3.0.0-rc.4 | 378 | 11/18/2025 |
| 3.0.0-rc.3 | 290 | 11/11/2025 |
| 3.0.0-rc.2 | 193 | 11/3/2025 |
| 3.0.0-rc.1 | 208 | 10/2/2025 |
| 2.2.0 | 182,095 | 3/21/2023 |
| 2.1.0 | 735 | 3/18/2023 |
| 2.0.0 | 40,168 | 12/25/2022 |
| 2.0.0-prerelease-003 | 6,660 | 9/16/2022 |
| 2.0.0-prerelease-002 | 8,274 | 9/1/2022 |
| 2.0.0-prerelease-001 | 425 | 8/26/2022 |
| 1.10.0 | 86,113 | 7/9/2022 |
| 1.9.0 | 19,072 | 5/9/2022 |
| 1.8.0 | 27,789 | 4/19/2022 |
| 1.7.0 | 28,975 | 3/5/2022 |
| 1.6.0 | 85,225 | 8/8/2021 |
| 1.5.0 | 58,591 | 3/24/2021 |
| 1.4.0 | 1,659 | 3/17/2021 |
| 1.3.0 | 7,677 | 2/21/2021 |
| 1.2.0 | 50,003 | 12/15/2020 |
| 1.1.0 | 1,281 | 12/12/2020 |
| 1.0.0 | 1,531 | 12/10/2020 |
| 0.10.0 | 829 | 12/10/2020 |
| 0.9.0 | 6,596 | 12/2/2020 |
| 0.8.0 | 966 | 12/2/2020 |
| 0.7.0 | 1,275 | 11/27/2020 |
| 0.6.0 | 682 | 11/26/2020 |
| 0.5.0 | 1,617 | 11/26/2020 |
| 0.4.0 | 12,702 | 11/15/2020 |
| 0.3.0 | 3,533 | 11/1/2020 |
| 0.2.0 | 950 | 10/30/2020 |
| 0.1.0 | 6,364 | 10/23/2020 |