Feliz.CompilerPlugins
3.0.0-rc.6
See the version list below for details.
dotnet add package Feliz.CompilerPlugins --version 3.0.0-rc.6
NuGet\Install-Package Feliz.CompilerPlugins -Version 3.0.0-rc.6
<PackageReference Include="Feliz.CompilerPlugins" Version="3.0.0-rc.6" />
<PackageVersion Include="Feliz.CompilerPlugins" Version="3.0.0-rc.6" />
<PackageReference Include="Feliz.CompilerPlugins" />
paket add Feliz.CompilerPlugins --version 3.0.0-rc.6
#r "nuget: Feliz.CompilerPlugins, 3.0.0-rc.6"
#:package Feliz.CompilerPlugins@3.0.0-rc.6
#addin nuget:?package=Feliz.CompilerPlugins&version=3.0.0-rc.6&prerelease
#tool nuget:?package=Feliz.CompilerPlugins&version=3.0.0-rc.6&prerelease
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://zaid-ajaj.github.io/Feliz with live examples along side 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. |
-
.NETStandard 2.0
- Fable.AST (>= 5.0.0-beta.2)
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.1.0 | 7,026 | 3/20/2026 |
| 3.0.0 | 6,826 | 12/10/2025 |
| 3.0.0-rc.9 | 331 | 12/8/2025 |
| 3.0.0-rc.8 | 224 | 11/28/2025 |
| 3.0.0-rc.7 | 161 | 11/27/2025 |
| 3.0.0-rc.6 | 325 | 11/21/2025 |
| 3.0.0-rc.5 | 315 | 11/21/2025 |
| 3.0.0-rc.4 | 422 | 11/18/2025 |
| 3.0.0-rc.3 | 333 | 11/11/2025 |
| 3.0.0-rc.2 | 235 | 11/3/2025 |
| 3.0.0-rc.1 | 240 | 10/2/2025 |
| 2.2.0 | 234,707 | 3/21/2023 |
| 2.1.0 | 772 | 3/18/2023 |
| 2.0.0 | 46,261 | 12/25/2022 |
| 2.0.0-prerelease-003 | 6,692 | 9/16/2022 |
| 2.0.0-prerelease-002 | 8,991 | 9/1/2022 |
| 2.0.0-prerelease-001 | 469 | 8/26/2022 |
| 1.10.0 | 87,736 | 7/9/2022 |
| 1.9.0 | 19,150 | 5/9/2022 |
| 1.8.0 | 27,970 | 4/19/2022 |
### 🐛 Fixed
- Fix `props` aliasing issue. A `let props` inside the react component also created duplication issues (by @Freymaurer)