Skip to main content
FSharp.ViewEngineA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.FSharp.ViewEngine · OverviewA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.FSharp.ViewEngine · DesignA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.FSharp.ViewEngine · Key FeaturesA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.FSharp.ViewEngine · Quick ExampleA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.FSharp.ViewEngine · Getting StartedA minimal, fast view engine for F# that combines the best ideas from several F# view engines. Inspired by Giraffe.ViewEngine, Feliz.ViewEngine, Oxpecker.ViewEngine, and Bolero.InstallationFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · OverviewFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · Using .NET CLIFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · Using Paket CLIFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · Runtime SupportFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · Source DebuggingFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Installation · Next StepsFSharp.ViewEngine is distributed as a NuGet package. You can install it using your preferred package manager.Build your first viewCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Build your first view · OverviewCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Build your first view · Create the viewCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Build your first view · Render the viewCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Build your first view · Reuse componentsCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Build your first view · NextCreate a typed HTML view, render it as a fragment or complete document, and reuse ordinary F# values as components.Elements and attributesBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Elements and attributes · OverviewBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Elements and attributes · ElementsBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Elements and attributes · AttributesBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Elements and attributes · Mixed contentBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Elements and attributes · Generic escape hatchesBuild standard or custom markup with typed element builders, underscore-prefixed attributes, encoded text, and mixed attributes and children.Composition and control flowCompose views with ordinary functions and use F# conditionals and loops directly inside element computation expressions.Composition and control flow · OverviewCompose views with ordinary functions and use F# conditionals and loops directly inside element computation expressions.Composition and control flow · Functions as componentsCompose views with ordinary functions and use F# conditionals and loops directly inside element computation expressions.Composition and control flow · Conditional contentCompose views with ordinary functions and use F# conditionals and loops directly inside element computation expressions.Composition and control flow · SequencesCompose views with ordinary functions and use F# conditionals and loops directly inside element computation expressions.RenderingChoose fragment or document rendering deliberately and render each completed view at the application boundary.Rendering · OverviewChoose fragment or document rendering deliberately and render each completed view at the application boundary.Rendering · FragmentsChoose fragment or document rendering deliberately and render each completed view at the application boundary.Rendering · DocumentsChoose fragment or document rendering deliberately and render each completed view at the application boundary.Rendering · Application boundariesChoose fragment or document rendering deliberately and render each completed view at the application boundary.Encoding and trusted contentText and attribute values are HTML-encoded by default. Cross the raw markup and executable-expression boundaries only with trusted application-controlled values.Encoding and trusted content · OverviewText and attribute values are HTML-encoded by default. Cross the raw markup and executable-expression boundaries only with trusted application-controlled values.Encoding and trusted content · Encoded by defaultText and attribute values are HTML-encoded by default. Cross the raw markup and executable-expression boundaries only with trusted application-controlled values.Encoding and trusted content · Trusted raw contentText and attribute values are HTML-encoded by default. Cross the raw markup and executable-expression boundaries only with trusted application-controlled values.Encoding and trusted content · Trusted names and expressionsText and attribute values are HTML-encoded by default. Cross the raw markup and executable-expression boundaries only with trusted application-controlled values.AccessibilityFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Accessibility · OverviewFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Accessibility · Prefer native HTMLFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Accessibility · Names and relationshipsFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Accessibility · ARIA coverageFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Accessibility · Test behaviorFSharp.ViewEngine provides semantic HTML and WAI-ARIA helpers, while the application remains responsible for correct roles, names, states, focus behavior, contrast, and keyboard interaction.Custom Elements & AttributesFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · OverviewFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Trusted Content BoundariesFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Custom ElementsFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · elFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · elVoidFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Nested Web ComponentsFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Custom AttributesFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · _attrFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Key-value attributeFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Boolean attributeFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Combining with Built-in AttributesFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Extending the Html TypeFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Adding Custom ElementsFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Adding Custom AttributesFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Design System ExampleFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.Custom Elements & Attributes · Shoelace ExampleFSharp.ViewEngine covers all standard HTML elements and attributes, but you may need custom ones for web components or non-standard attributes.GiraffeFSharp.ViewEngine integrates with Giraffe by rendering elements to an HTML string and returning it via Giraffe's htmlString handler.Giraffe · OverviewFSharp.ViewEngine integrates with Giraffe by rendering elements to an HTML string and returning it via Giraffe's htmlString handler.Giraffe · Minimal ExampleFSharp.ViewEngine integrates with Giraffe by rendering elements to an HTML string and returning it via Giraffe's htmlString handler.Giraffe · How It WorksFSharp.ViewEngine integrates with Giraffe by rendering elements to an HTML string and returning it via Giraffe's htmlString handler.Giraffe · Title ElementsFSharp.ViewEngine integrates with Giraffe by rendering elements to an HTML string and returning it via Giraffe's htmlString handler.SVGFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · OverviewFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Support PolicyFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · SetupFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Element ReferenceFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Numeric and Length ValuesFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Icon ExampleFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Chart and Text ExampleFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Gradients, Clipping, Masking, and ReuseFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · AccessibilityFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Linking and NamespacesFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Attribute ReferenceFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.SVG · Unsupported SVGFSharp.ViewEngine provides a maintained SVG 2 production subset for icons, charts, gradients, clipping, reusable symbols, text, and accessible inline graphics.DatastarFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · OverviewFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · SetupFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · Core AttributesFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-signalsFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-bindFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-computedFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-effectFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-showFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-textFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-attrFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-classFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-styleFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-initFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-onFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-intersectFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-intervalFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-signal-patchFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-signal-patch-filterFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-indicatorFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-refFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-json-signalsFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-ignoreFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-ignore-morphFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-preserve-attrFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · Pro AttributesFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-animateFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-custom-validityFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-match-mediaFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-rafFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-on-resizeFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-persistFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-query-stringFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-replace-urlFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-scroll-into-viewFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · data-view-transitionFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · Trusted ExpressionsFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.Datastar · Complete ExampleFSharp.ViewEngine covers all 31 attributes in the stable Datastar 1.0.2 reference through the Datastar type.HTMXFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · OverviewFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · SetupFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Request MethodsFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-getFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-postFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-putFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-patchFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-deleteFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Request Data and ConfigurationFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-encodingFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-headersFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-includeFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-paramsFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-requestFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-valsFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Targeting and SwappingFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-targetFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-selectFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-select-oobFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-swapFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-swap-oobFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-preserveFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Requests in FlightFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-indicatorFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-disabled-eltFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-syncFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-validateFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Triggering and InteractionFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-triggerFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-confirmFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-promptFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-onFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Navigation and HistoryFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-boostFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-push-urlFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-replace-urlFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-historyFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-history-eltFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Inheritance and ProcessingFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-disableFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-disinheritFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-inheritFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · hx-extFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Generic and Deprecated AttributesFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.HTMX · Complete ExampleFSharp.ViewEngine provides all non-deprecated HTMX 2.0.9 attributes through the Htmx type. See the official HTMX 2 reference for the complete value grammar and inheritance rules.Alpine.jsFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · OverviewFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · SetupFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · Core DirectivesFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-dataFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-initFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-showFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-bindFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-onFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-textFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-htmlFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-modelFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-modelableFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-forFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-transitionFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-effectFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-ignoreFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-refFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-cloakFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-teleportFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-ifFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-idFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · Plugin DirectivesFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-maskFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-intersectFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-resizeFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-collapseFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-trapFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-anchorFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · x-sortFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · Plugins Without Directive HelpersFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · Trusted ExpressionsFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Alpine.js · Complete ExampleFSharp.ViewEngine covers all 18 core directives in Alpine.js 3.15.12 and provides dedicated helpers for official plugins that expose HTML directives.Tailwind Plus ElementsFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · OverviewFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · SetupFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · Shared AttributesFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · AutocompleteFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · Command PaletteFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · Copy ButtonFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · DialogFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · DisclosureFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · Dropdown MenuFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · PopoverFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · SelectFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · TabsFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.Tailwind Plus Elements · Runtime ReadinessFSharp.ViewEngine covers all 23 custom elements published by Tailwind Plus Elements 1.0.22, a framework-independent library for the interactive behavior in Tailwind Plus HTML components.ComponentsAccessible, server-rendered Tailwind components for applications and documentation.Components · Explore the libraryAccessible, server-rendered Tailwind components for applications and documentation.Components · Get startedAccessible, server-rendered Tailwind components for applications and documentation.Components · Ordinary typed F# compositionAccessible, server-rendered Tailwind components for applications and documentation.InstallationPin fve, create a consumer-owned Components project, and add only the source your application uses.Installation · Pin the repository-local toolPin fve, create a consumer-owned Components project, and add only the source your application uses.Installation · Initialize and add componentsPin fve, create a consumer-owned Components project, and add only the source your application uses.Installation · Scan the owned F# sourcePin fve, create a consumer-owned Components project, and add only the source your application uses.Installation · Use the selected namespacePin fve, create a consumer-owned Components project, and add only the source your application uses.Interaction and server stateKeep ephemeral interaction local while applications retain authoritative, durable, and security-sensitive state.Interaction and server state · Datastar interactionKeep ephemeral interaction local while applications retain authoritative, durable, and security-sensitive state.Interaction and server state · Server-owned stateKeep ephemeral interaction local while applications retain authoritative, durable, and security-sensitive state.Interaction and server state · Application boundariesKeep ephemeral interaction local while applications retain authoritative, durable, and security-sensitive state.AccessibilityUnderstand the semantic, keyboard, focus, label, and customization guarantees shared by Components.Accessibility · Distinct semanticsUnderstand the semantic, keyboard, focus, label, and customization guarantees shared by Components.Accessibility · Focus and active optionsUnderstand the semantic, keyboard, focus, label, and customization guarantees shared by Components.Accessibility · Required labelsUnderstand the semantic, keyboard, focus, label, and customization guarantees shared by Components.Accessibility · Protected behaviorUnderstand the semantic, keyboard, focus, label, and customization guarantees shared by Components.Theming and densityApply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.Theming and density · Apply a themeApply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.Theming and density · Light and dark modesApply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.Theming and density · Shell policyApply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.Theming and density · Product brandingApply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.Tailwind CSS setupCompile presentation, semantic tokens, and structural behavior directly from consumer-owned F# source.Tailwind CSS setup · Direct source detectionCompile presentation, semantic tokens, and structural behavior directly from consumer-owned F# source.Tailwind CSS setup · One host-owned stylesheetCompile presentation, semantic tokens, and structural behavior directly from consumer-owned F# source.CustomizationCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.Customization · Edit owned sourceCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.Customization · Supported customization variablesCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.Customization · Renderer-owned variablesCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.Customization · Application inputsCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.Customization · Native controlsCustomize local source deliberately and override the supported semantic tokens without replacing hidden package behavior.VersioningPin a registry version, compare it with owned source, and choose every replacement explicitly.Versioning · Pin the registryPin a registry version, compare it with owned source, and choose every replacement explicitly.Versioning · No silent source upgradesPin a registry version, compare it with owned source, and choose every replacement explicitly.Versioning · Migrate from the compiled packagePin a registry version, compare it with owned source, and choose every replacement explicitly.PrimitivesShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · ActionsShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · FeedbackShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · Data displayShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · Form controlsShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · NavigationShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · OverlaysShared controls, feedback, data display and layout foundations for every kind of interface.Primitives · Layout foundationsShared controls, feedback, data display and layout foundations for every kind of interface.ButtonButton · Primary buttonsButton · Secondary buttonsButton · Ghost buttonsButton · Destructive buttonsButton · Pending buttonsButton · Disabled buttonsIcon buttonIcon button · Primary icon buttonIcon button · Secondary icon buttonIcon button · Pending icon buttonIcon button · Disabled icon buttonAction clusterAction cluster · Primary, secondary, and overflow actionsAction cluster · Pending actionRow actionsRow actions · Record actionsDropdown menuDropdown menu · Actions and destinationsBadgeBadge · Semantic tonesStatusStatus · Record statusNoticeNotice · InformationNotice · Success with downloadNotice · WarningNotice · Error with recovery linkNotificationNotification · Dismissible feedbackNotification · With meaningful actionsLoading indicatorLoading indicator · Compact indicatorLoading indicator · With visible labelProgressProgress · ActiveProgress · CompleteProgress · FailedEmpty stateEmpty state · With recovery actionTableTable · SimpleTable · Comfortable rowsTable · With status valuesTable · With checkboxesTable · Stacked on mobileTable · Sortable recordsTable · Hierarchical accounts and aggregatesTable · Empty stateDescription listDescription list · Three-column detailsDescription list · Four-column detailsDescription list · With supporting textMetricMetric · With trend and statusMetric · With review statusAvatarAvatar · Fallbacks and sizesAvatar · ImageAvatar · DecorativeCopy and revealCopy and reveal · Masked valueCopy and reveal · Initially revealedCalendarCalendar · Month viewCalendar · Week viewCalendar · Day viewCalendar · Year viewInputInput · With labelInput · Consistent control sizesInput · With help textInput · RequiredInput · OptionalInput · With validation errorInput · With leading iconInput · With prefixInput · With suffixInput · Search with clear actionInput · DisabledInput · PendingTextareaTextarea · With labelTextarea · With instructionsTextarea · With validation errorTextarea · PendingTextarea · DisabledFile selectionFile selection · Multiple filesFile selection · ValidationFile selection · PendingTag inputTag input · Free-form tagsTag input · ValidationTag input · PendingTag input · DisabledError summaryError summary · Linked field errorsSelectSelect · With labelSelect · With help textSelect · Required selection with validationSelect · DisabledSelect · PendingSelect · Multiple selectionSelect · With several selectedSelect · Multiple selection with validationSelect · Multiple selection, disabledSelect · Multiple selection, pendingSelect · SearchableSelect · Searchable with remote resultsSelect · Searchable with validationSelect · Searchable, loadingSelect · Searchable, disabledSelect · Searchable, pendingSelect · Searchable multiple selectionSelect · Searchable multiple selection with remote resultsSelect · Searchable multiple selection with validationSelect · Searchable multiple selection, loadingSelect · Searchable multiple selection, disabledSelect · Searchable multiple selection, pendingCheckboxCheckbox · With labelCheckbox · With help textCheckbox · Required confirmation with validationCheckbox · CheckedCheckbox · PendingCheckbox · DisabledSwitchSwitch · With labelSwitch · With help textSwitch · Setting with submissionSwitch · PendingSwitch · Validation errorToggle buttonToggle button · Pressed stateToggle button · PendingToggle button · DisabledRadio groupRadio group · With labelRadio group · With help textRadio group · Required choice with validationRadio group · PendingRadio group · DisabledChoice cardsChoice cards · Single choiceChoice cards · Multiple choicesChoice cards · ValidationBreadcrumbsBreadcrumbs · Linked ancestorsSide navSide nav · Grouped navigationTabsTabs · Segmented tabsTabs · Underlined tabs with refreshPaginationPagination · Page navigationDialogDialog · Modal dialogConfirmation dialogConfirmation dialog · Server-validated confirmationConfirmation dialog · Pending confirmationDrawerDrawer · Standard detail drawerDrawer · Wide editing formDrawer · Start-side filtersFloating panelFloating panel · Open non-modal panelFloating panel · Minimized with restoreSectionSection · With heading and actionsSection · Without a visible headingBrowserBrowser · Address bar and Documentation App modePhonePhone · Device frame and Documentation App modeApplicationCompose application shells, pages, collections and matching record details from shared primitives.Application · Shells and pagesCompose application shells, pages, collections and matching record details from shared primitives.Application · Collections and detailsCompose application shells, pages, collections and matching record details from shared primitives.Application · FormsCompose application shells, pages, collections and matching record details from shared primitives.Application · WorkflowsCompose application shells, pages, collections and matching record details from shared primitives.Application · Page examplesCompose application shells, pages, collections and matching record details from shared primitives.Application · Composition ownershipCompose application shells, pages, collections and matching record details from shared primitives.Application · Connected Application experienceCompose application shells, pages, collections and matching record details from shared primitives.App shellApp shell · Sidebar with constrained contentApp shell · Full-width content with mobile bottom navigationApp shell · Complete page examplesBottom navigationBottom navigation · Four destinationsBottom navigation · Three destinationsPagePage · With local navigationPage · Remaining-height canvasPage top barPage top bar · With breadcrumbsPage headerPage header · Title and page actionsCollectionCollection · Collection with record actionsDetailDetail · Detail with related recordsBulk actionsBulk actions · Table selection actionsMedia libraryMedia library · Library and editorForm layoutsForm layouts · Stacked with server validationForm layouts · Two-column formForm layouts · Sectioned formUploadUpload · Queue and recoveryUpload · Empty queueStepsSteps · Period-close stepsFirst stepsFirst steps · Open setup guidanceFirst steps · Minimized guidanceFirst steps · Dismissed with restoreAccount managementAccount management · Connected account workflowAccount management · Built withDependency graphDependency graph · Dependency graph workspaceDependency graph · Built withExecution detailExecution detail · Execution detail workspaceExecution detail · Built withFinancial reportingFinancial reporting · Financial reporting workspaceFinancial reporting · Built withMessagingMessaging · Messaging workspaceMessaging · Built withOperations dashboardOperations dashboard · Operations dashboard workspaceOperations dashboard · Built withSchedulingScheduling · Scheduling workspaceScheduling · Built withMedia managementMedia management · Media management workspaceMedia management · Built withDocumentationComposable layouts and components for product documentation, API references, executable specifications, and component review.Documentation · Built with canonical sourceComposable layouts and components for product documentation, API references, executable specifications, and component review.Documentation · InstallationComposable layouts and components for product documentation, API references, executable specifications, and component review.Documentation · Browse the toolkitComposable layouts and components for product documentation, API references, executable specifications, and component review.LayoutsShells and page layouts for guides, references, and wide product review surfaces.Layouts · DocumentShells and page layouts for guides, references, and wide product review surfaces.Layouts · Page articleShells and page layouts for guides, references, and wide product review surfaces.Layouts · Page referenceShells and page layouts for guides, references, and wide product review surfaces.Layouts · Page canvasShells and page layouts for guides, references, and wide product review surfaces.ContentTyped blocks for readable prose, structured data, code, and custom composition.Content · Sections, prose, and listsTyped blocks for readable prose, structured data, code, and custom composition.Content · TablesTyped blocks for readable prose, structured data, code, and custom composition.Content · CalloutsTyped blocks for readable prose, structured data, code, and custom composition.Content · Code and custom HTMLTyped blocks for readable prose, structured data, code, and custom composition.NavigationDiscoverable navigation for the complete documentation journey.Navigation · Navigation, breadcrumbs, and table of contentsDiscoverable navigation for the complete documentation journey.Navigation · Previous and nextDiscoverable navigation for the complete documentation journey.Navigation · Theme and repository actionsDiscoverable navigation for the complete documentation journey.FixtureCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.Fixture · Review statesCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.Fixture · Browser frameCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.Fixture · Browser fixtureCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.Fixture · Phone fixtureCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.Fixture · Workflow fixtureCompose Browser or Phone review fixtures with source, preview, and copyable code without giving Documentation ownership of product routes or state.API reference componentsComposable endpoint, parameter, request, and response primitives for product-owned APIs.API reference components · EndpointComposable endpoint, parameter, request, and response primitives for product-owned APIs.API reference components · ParametersComposable endpoint, parameter, request, and response primitives for product-owned APIs.API reference components · Request and response examplesComposable endpoint, parameter, request, and response primitives for product-owned APIs.DiagramsTrusted Mermaid, C4, and validated sequence diagrams for architecture and workflow communication.Diagrams · Live diagramTrusted Mermaid, C4, and validated sequence diagrams for architecture and workflow communication.Diagrams · MermaidTrusted Mermaid, C4, and validated sequence diagrams for architecture and workflow communication.Diagrams · C4Trusted Mermaid, C4, and validated sequence diagrams for architecture and workflow communication.Diagrams · Sequence diagramTrusted Mermaid, C4, and validated sequence diagrams for architecture and workflow communication.Documentation siteA complete guide composition using the shared shell, navigation, content, examples, and pager.Documentation site · Guide with navigationA complete guide composition using the shared shell, navigation, content, examples, and pager.Documentation site · Built withA complete guide composition using the shared shell, navigation, content, examples, and pager.API reference pageA resource overview and operation reference with request and response examples.API reference page · Rendering API referenceA resource overview and operation reference with request and response examples.API reference page · Built withA resource overview and operation reference with request and response examples.Executable specification pageA complete workflow review composition using a canvas, browser frames, tabs, diagrams, and rules.Executable specification page · Render workflowA complete workflow review composition using a canvas, browser frames, tabs, diagrams, and rules.Executable specification page · Built withA complete workflow review composition using a canvas, browser frames, tabs, diagrams, and rules.BenchmarksThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · OverviewThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Typical Render TimesThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · How It ComparesThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · How the Benchmarks Were RunThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · How to Run the BenchmarksThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Appendix: Detailed ResultsThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Comparison: Build and RenderThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Comparison: Render OnlyThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Comparison: Build OnlyThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Attribute EncodingThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Inline and Overflow StorageThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Equivalent Collection InputsThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Document WorkloadsThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.Benchmarks · Profiling FindingsThese benchmarks show typical render times, compare FSharp.ViewEngine with other F# view engines, and provide the commands needed to reproduce the results.ChangelogReleased changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · OverviewReleased changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · Released packagesReleased changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine.Docs 2026.8.1 · August 18, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine 2026.8.2 · August 18, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine.Docs 2026.8.0 · August 13, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine 2026.8.1 · August 13, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine 2026.8.0 · August 7, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · FSharp.ViewEngine 2026.2.5 · February 28, 2026Released changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.Changelog · Older releasesReleased changes to the FSharp.ViewEngine and FSharp.ViewEngine.Docs NuGet packages are recorded here. Each package follows its own calendar-oriented version sequence. Documentation-site and infrastructure deployments are not package releases.

Theming and density

Apply semantic color, radius, density, and shell geometry consistently across a Components subtree or AppShell.

On this page

Apply a theme

Components consume semantic variables for page, surface, text, border, navigation, brand, positive, warning, critical, and informative roles. Variants such as Primary and Positive select roles rather than palette shades.

let theme =
    ComponentsTheme.emerald
    |> ComponentsTheme.withRadius Radius.Large
    |> ComponentsTheme.withDensity Density.Compact
    |> ComponentsTheme.withControlSize ControlSize.Medium

AppShell.create "product-shell" sideNav pageContent
|> AppShell.withTheme theme
|> AppShell.render destinationUrl

Light and dark modes

Built-in sky, emerald, amber, cyan, and neutral themes coordinate default, selected, hover, focus, and navigation colors in light and dark modes. Radius applies across controls and navigation. Control size is independent of navigation and shell density: use ComponentsTheme.withControlSize for an application or ControlSize.className for a region. Small, Medium and Large have 32, 40 and 48px baselines; Small uses compact 14px/20px text, and Medium is the 16px/24px default. Button, IconButton, Input and Select also support explicit withSize overrides.

Shell policy

SideNav width, mobile breakpoint, and viewport or embedded container boundary are typed application choices. PageTopBar and SideNavHeader share a semantic minimum-height token. Compact density retains the 48px shell bar and compact navigation independently of control size. Select Small explicitly for 32px controls, or retain Medium for aligned 40px actions and fields.

Product branding

Override documented semantic variables in an application theme when product branding requires it. Keep component APIs semantic rather than passing raw palette strings.