WebSharper
Full-stack web framework for building functional, reactive web apps and microservices in F# and C# with JavaScript compilation.
What is WebSharper?
WebSharper is a full-stack web framework that allows developers to build functional and reactive web applications and microservices using F# and C#. It compiles .NET code to JavaScript, enabling type-safe client-side development and seamless integration between server and client logic. The framework provides tools for creating both single-page and multi-page applications with built-in routing, HTML generation, and JavaScript library bindings.
F# and C# developers building modern web applications who want type safety, functional programming paradigms, and the ability to share code between client and server. It's also suitable for teams looking to leverage .NET ecosystems for full-stack development.
Developers choose WebSharper for its strong type safety, functional programming model, and the ability to write entire web applications in F# or C# without manually writing JavaScript. Its compiler ensures runtime errors are caught at compile time, and its integrated client-server model simplifies full-stack development.
Overview
WebSharper - Full-stack, functional, reactive web apps and microservices in F# and C#
Use Cases
Best For
- Building type-safe single-page applications in F#
- Developing full-stack web apps with shared client-server logic
- Creating reactive UIs with functional programming paradigms
- Integrating JavaScript libraries with type-safe F# bindings
- Deploying web applications on ASP.NET Core or Suave servers
- Compiling .NET business logic to run in the browser
Not Ideal For
- Teams with no prior F# or .NET experience looking for a quick-start web framework
- Projects requiring extensive integration with JavaScript frameworks like React or Vue without F# bindings
- Environments where deployment must be on non-.NET servers such as Node.js or Deno
Pros & Cons
Pros
Compiles F#/C# code to JavaScript with compile-time checks, reducing runtime errors in client-side logic, as demonstrated by the [<JavaScript>] attribute for marking client functions.
Enables direct server function calls from client code using [<Rpc>] annotations, simplifying API layers without manual HTTP handling, as shown in the DoWork example.
Leverages F#'s functional paradigms for building reactive HTML with WebSharper.UI, allowing declarative UI construction in SPAs and MPAs.
Supports deployment on ASP.NET Core, IIS, and Suave servers, offering both enterprise and lightweight hosting, as detailed in the running applications section.
Cons
Manual configuration is required, such as editing project files and adding WebSharper properties, which can be error-prone compared to modern CLI-driven frameworks.
While extensions exist for libraries like Chart.js, the selection is narrower than native npm packages, and creating custom bindings with WIG adds overhead.
Key features like REST applications are marked as TBA in the README, indicating gaps in official guides and resources for advanced use cases.
Frequently Asked Questions
Related Projects
GiraffeA native functional ASP.NET Core web framework for F# developers.
SuaveSuave is a simple web development F# library providing a lightweight web server and a set of combinators to manipulate route flow and task composition.
SaturnOpinionated, web development framework for F# which implements the server-side, functional MVC pattern
FalcoA functional-first toolkit for building brilliant ASP.NET Core applications using F#.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.