Feliz 2.9.0
dotnet add package Feliz --version 2.9.0
NuGet\Install-Package Feliz -Version 2.9.0
<PackageReference Include="Feliz" Version="2.9.0" />
<PackageVersion Include="Feliz" Version="2.9.0" />
<PackageReference Include="Feliz" />
paket add Feliz --version 2.9.0
#r "nuget: Feliz, 2.9.0"
#addin nuget:?package=Feliz&version=2.9.0
#tool nuget:?package=Feliz&version=2.9.0
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
- Consistent, lightweight formatting: no more awkward indentation using two lists for every element.
- Discoverable attributes with no more functions,
Html
attributes 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 obj
but instead utilizing a plethora of overloaded functions to account for the overloaded nature ofCSS
attributes, covering 90%+ of the CSS styles, values and properties. - Included color list of most commonly used
Html
colors in thecolors
module. - Compatible with the current React DSL used in applications.
- 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
dotnet new -i Feliz.Template
dotnet new feliz -n MyProject
cd MyProject
npm install
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.ReactDom.Types (>= 18.2.0)
- Feliz.CompilerPlugins (>= 2.2.0)
- FSharp.Core (>= 4.7.2)
NuGet packages (135)
Showing the top 5 NuGet packages that depend on Feliz:
Package | Downloads |
---|---|
Feliz.Router
A router component for React and Elmish that is focused, powerful and extremely easy to use. |
|
Feliz.Bulma
Bulma wrapper for amazing Feliz DSL |
|
Feliz.UseListener
React hooks for easy event listener management. |
|
Feliz.UseDeferred
Hooks for dead-simple data fetching with Feliz |
|
Feliz.Recharts
Recharts bindings based on the Feliz API |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last Updated |
---|---|---|
2.9.0 | 25,537 | 10/26/2024 |
2.8.0 | 26,723 | 6/22/2024 |
2.8.0-beta.0 | 3,188 | 12/25/2023 |
2.7.0 | 37,266 | 10/8/2023 |
2.6.0 | 59,680 | 3/21/2023 |
2.5.0 | 559 | 3/18/2023 |
2.4.1 | 4,208 | 2/23/2023 |
2.4.0 | 12,707 | 1/14/2023 |
2.3.0 | 18,045 | 12/27/2022 |
2.2.0 | 386 | 12/27/2022 |
2.1.0 | 385 | 12/27/2022 |
2.0.1 | 507 | 12/25/2022 |
2.0.0 | 6,726 | 12/25/2022 |
2.0.0-prerelease-003 | 6,743 | 9/16/2022 |
2.0.0-prerelease-002 | 6,952 | 9/1/2022 |
2.0.0-prerelease-001 | 227 | 8/26/2022 |
1.68.0 | 49,921 | 8/17/2022 |
1.67.0 | 9,073 | 8/5/2022 |
1.66.0 | 1,990 | 8/3/2022 |
1.65.0 | 27,954 | 7/9/2022 |
1.64.0 | 17,789 | 5/9/2022 |
1.63.0 | 782 | 5/9/2022 |
1.62.0 | 26,974 | 4/19/2022 |
1.61.0 | 27,091 | 3/12/2022 |
1.60.0 | 1,332 | 3/5/2022 |
1.59.0 | 12,509 | 2/24/2022 |
1.58.1 | 7,106 | 2/10/2022 |
1.58.0 | 1,269 | 2/3/2022 |
1.57.0 | 26,385 | 11/29/2021 |
1.56.0 | 3,871 | 11/8/2021 |
1.55.0 | 12,142 | 11/5/2021 |
1.54.0 | 3,539 | 10/24/2021 |
1.53.0 | 3,724 | 10/2/2021 |
1.52.0 | 9,910 | 9/10/2021 |
1.51.0 | 8,915 | 8/17/2021 |
1.50.0 | 2,850 | 8/8/2021 |
1.49.0 | 20,130 | 7/7/2021 |
1.48.0 | 548 | 7/7/2021 |
1.47.0 | 20,178 | 6/13/2021 |
1.46.0 | 2,076 | 6/8/2021 |
1.45.0 | 10,617 | 5/13/2021 |
1.44.0 | 1,791 | 5/3/2021 |
1.43.0 | 6,201 | 4/16/2021 |
1.42.0 | 1,589 | 4/10/2021 |
1.41.0 | 890 | 4/8/2021 |
1.40.1 | 4,858 | 3/30/2021 |
1.40.0 | 2,323 | 3/24/2021 |
1.39.0 | 555 | 3/24/2021 |
1.38.0 | 1,374 | 3/17/2021 |
1.37.0 | 4,931 | 3/8/2021 |
1.36.0 | 625 | 3/6/2021 |
1.35.0 | 1,269 | 2/28/2021 |
1.34.0 | 1,756 | 2/21/2021 |
1.33.1 | 16,515 | 2/21/2021 |
1.33.0 | 3,469 | 2/4/2021 |
1.32.0 | 17,362 | 12/27/2020 |
1.31.1 | 1,315 | 12/22/2020 |
1.31.0 | 883 | 12/22/2020 |
1.30.0 | 648 | 12/22/2020 |
1.29.0 | 2,097 | 12/15/2020 |
1.28.0 | 23,767 | 12/15/2020 |
1.27.0 | 711 | 12/13/2020 |
1.25.0 | 782 | 12/12/2020 |
1.24.0 | 1,190 | 12/10/2020 |
1.23.0 | 556 | 12/10/2020 |
1.22.1 | 608 | 12/10/2020 |
1.22.0 | 5,826 | 12/2/2020 |
1.21.0 | 750 | 12/2/2020 |
1.20.0 | 1,126 | 11/27/2020 |
1.19.0 | 571 | 11/26/2020 |
1.18.0 | 1,178 | 11/26/2020 |
1.17.0 | 11,842 | 11/15/2020 |
1.16.2 | 3,155 | 11/1/2020 |
1.16.1 | 690 | 10/30/2020 |
1.16.0 | 6,104 | 10/23/2020 |
1.15.0 | 1,052 | 10/23/2020 |
1.14.1 | 4,720 | 10/19/2020 |
1.14.0 | 4,670 | 9/19/2020 |
1.13.2 | 1,665 | 9/16/2020 |
1.13.1 | 13,275 | 9/1/2020 |
1.13.0 | 4,588 | 8/16/2020 |
1.12.1 | 1,353 | 8/10/2020 |
1.12.0 | 1,160 | 8/9/2020 |
1.11.0 | 2,309 | 8/8/2020 |
1.10.1 | 1,385 | 7/30/2020 |
1.10.0 | 666 | 7/29/2020 |
1.9.0 | 642 | 7/29/2020 |
1.8.0 | 696 | 7/29/2020 |
1.7.0 | 2,579 | 7/16/2020 |
1.6.0 | 9,072 | 7/3/2020 |
1.5.0 | 13,146 | 6/24/2020 |
1.4.0 | 702 | 6/24/2020 |
1.3.0 | 17,542 | 6/7/2020 |
1.2.0 | 4,175 | 6/4/2020 |
1.1.1 | 10,674 | 5/24/2020 |
1.1.0 | 5,055 | 5/21/2020 |
1.0.0 | 3,343 | 5/16/2020 |
0.86.0 | 4,370 | 5/9/2020 |
0.85.0 | 2,027 | 5/7/2020 |
0.84.0 | 809 | 5/4/2020 |
0.83.0 | 3,222 | 5/4/2020 |
0.82.0 | 729 | 5/3/2020 |
0.81.0 | 1,148 | 4/30/2020 |
0.80.0 | 748 | 4/28/2020 |
0.79.0 | 643 | 4/28/2020 |
0.78.0 | 1,538 | 4/27/2020 |
0.77.0 | 653 | 4/26/2020 |
0.76.0 | 1,492 | 4/26/2020 |
0.75.0 | 3,425 | 4/22/2020 |
0.74.2 | 5,825 | 4/20/2020 |
0.74.1 | 4,335 | 4/12/2020 |
0.74.0 | 6,257 | 3/29/2020 |
0.73.0 | 1,713 | 3/26/2020 |
0.72.0 | 5,843 | 3/22/2020 |
0.71.0 | 1,604 | 3/20/2020 |
0.70.0 | 2,494 | 3/17/2020 |
0.69.0 | 1,817 | 3/12/2020 |
0.68.10 | 6,265 | 12/10/2019 |
0.68.9 | 4,018 | 12/5/2019 |
0.68.8 | 1,549 | 12/5/2019 |
0.68.7 | 2,403 | 12/4/2019 |
0.68.6 | 1,568 | 12/1/2019 |
0.68.5 | 1,526 | 11/29/2019 |
0.68.3 | 3,979 | 11/27/2019 |
0.68.2 | 7,299 | 11/18/2019 |
0.68.1 | 1,473 | 11/18/2019 |
0.68.0 | 4,071 | 11/14/2019 |
0.67.2 | 2,331 | 11/13/2019 |
0.67.1 | 1,617 | 11/4/2019 |
0.67.0 | 1,816 | 11/4/2019 |
0.66.5 | 1,482 | 11/3/2019 |
0.66.4 | 1,266 | 11/3/2019 |
0.66.3 | 1,451 | 11/1/2019 |
0.66.2 | 1,348 | 11/1/2019 |
0.66.1 | 2,416 | 10/31/2019 |
0.66.0 | 1,617 | 10/30/2019 |
0.65.5 | 1,381 | 10/29/2019 |
0.65.4 | 1,426 | 10/28/2019 |
0.65.3 | 1,392 | 10/28/2019 |
0.65.2 | 1,208 | 10/27/2019 |
0.65.1 | 1,130 | 10/27/2019 |
0.65.0 | 1,476 | 10/27/2019 |
0.64.0 | 1,175 | 10/27/2019 |
0.63.0 | 1,551 | 10/22/2019 |
0.62.0 | 1,058 | 10/21/2019 |
0.61.0 | 987 | 10/21/2019 |
0.60.0 | 717 | 10/20/2019 |
0.59.0 | 1,184 | 10/20/2019 |
0.58.0 | 2,377 | 10/14/2019 |
0.57.2 | 1,225 | 10/12/2019 |
0.57.1 | 1,026 | 10/10/2019 |
0.57.0 | 1,643 | 10/8/2019 |
0.56.0 | 1,386 | 10/6/2019 |
0.55.0 | 697 | 10/6/2019 |
0.54.0 | 905 | 10/6/2019 |
0.53.0 | 1,147 | 10/5/2019 |
0.52.0 | 967 | 9/14/2019 |
0.51.0 | 699 | 9/14/2019 |
0.50.0 | 709 | 9/10/2019 |
0.49.0 | 738 | 9/9/2019 |
0.48.0 | 725 | 9/9/2019 |
0.47.0 | 1,049 | 8/31/2019 |
0.46.0 | 1,163 | 8/28/2019 |
0.45.0 | 712 | 8/28/2019 |
0.44.0 | 685 | 8/27/2019 |
0.42.0 | 733 | 8/26/2019 |
0.41.0 | 751 | 8/19/2019 |
0.40.0 | 1,274 | 8/13/2019 |
0.39.0 | 746 | 8/13/2019 |
0.38.0 | 767 | 8/5/2019 |
0.37.0 | 741 | 8/5/2019 |
0.36.0 | 785 | 7/31/2019 |
0.35.0 | 805 | 7/29/2019 |
0.34.0 | 759 | 7/28/2019 |
0.33.0 | 733 | 7/28/2019 |
0.32.0 | 765 | 7/28/2019 |
0.31.0 | 728 | 7/28/2019 |
0.30.0 | 758 | 7/27/2019 |
0.29.0 | 711 | 7/26/2019 |
0.28.0 | 726 | 7/26/2019 |
0.27.0 | 733 | 7/26/2019 |
0.26.0 | 714 | 7/26/2019 |
0.25.0 | 742 | 7/26/2019 |
0.24.0 | 707 | 7/25/2019 |
0.23.0 | 744 | 7/25/2019 |
0.22.0 | 724 | 7/25/2019 |
0.20.0 | 707 | 7/25/2019 |
0.19.0 | 723 | 7/25/2019 |
0.18.0 | 722 | 7/24/2019 |
0.17.0 | 722 | 7/24/2019 |
0.16.0 | 754 | 7/23/2019 |
0.15.0 | 713 | 7/22/2019 |
0.14.0 | 723 | 7/22/2019 |
0.13.0 | 724 | 7/22/2019 |
0.12.0 | 740 | 7/22/2019 |
0.11.0 | 687 | 7/22/2019 |
0.10.1 | 710 | 7/22/2019 |
0.10.0 | 751 | 7/22/2019 |
0.9.0 | 715 | 7/22/2019 |
0.8.0 | 721 | 7/22/2019 |
0.7.0 | 719 | 7/22/2019 |
0.6.0 | 757 | 7/22/2019 |
0.5.0 | 723 | 7/21/2019 |
0.4.0 | 693 | 7/21/2019 |
0.3.0 | 676 | 7/21/2019 |
0.2.0 | 730 | 7/21/2019 |
0.1.0 | 870 | 7/21/2019 |
Add scrollbarColor, aria-roledescription and order style properties