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.FSharp.ViewEngine.DocsComposable layouts and components for product documentation, API references, executable specifications, and component review.FSharp.ViewEngine.Docs · Built with the packageComposable layouts and components for product documentation, API references, executable specifications, and component review.FSharp.ViewEngine.Docs · InstallationComposable layouts and components for product documentation, API references, executable specifications, and component review.FSharp.ViewEngine.Docs · 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 · docsDocumentShells and page layouts for guides, references, and wide product review surfaces.Layouts · docsArticleShells and page layouts for guides, references, and wide product review surfaces.Layouts · docsReferenceShells and page layouts for guides, references, and wide product review surfaces.Layouts · docsCanvasShells 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.Interactive examplesSource-first examples and interactive product states for implementation and review.Interactive examples · docsExampleSource-first examples and interactive product states for implementation and review.Interactive examples · docsStateTabsSource-first examples and interactive product states for implementation and review.Interactive examples · docsBrowserFrameSource-first examples and interactive product states for implementation and review.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 · 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.API reference pageA complete reference composition with endpoint documentation and a dedicated request-response rail.API reference page · About this page exampleA complete reference composition with endpoint documentation and a dedicated request-response rail.Executable specification pageA complete workflow review composition using a canvas, browser frames, state tabs, diagrams, and rules.Executable specification page · Render workflowA complete workflow review composition using a canvas, browser frames, state 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.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.

Interactive examples

Source-first examples and interactive product states for implementation and review.

On this page

docsExample

Pair arbitrary rendered HTML with its source using independent, keyboard-accessible Code and Preview tabs.

docsExample
let noticePreview =
    docsExample
        "notice-example"
        "Notice"
        "fsharp"
        "div { _class \"notice\"; \"Saved\" }"
        (div { _class "docs-notice-preview"; strong { "Saved" }; span { "The customer was updated." } })

docsStateTabs

Review empty, ready, validation, loading, or other meaningful states without duplicating the surrounding page.

docsStateTabs
let readyView = productScreen "ready"
let validationView = productScreen "validation"
let states =
    docsStateTabs "component-workflow-states" "Workflow states" [
        { id = "ready"; label = "Ready"; content = readyView }
        { id = "validation"; label = "Validation"; content = validationView } ]

docsBrowserFrame

Place product UI in a browser-like frame with an explicit canonical URL.

docsBrowserFrame
let productUi = productView "ready"
let browserFramePreview =
    docsBrowserFrame
        "https://example.test/views/new"
        productUi