-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5ab5772
commit 4e55662
Showing
3 changed files
with
8 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,13 @@ | ||
| <!doctype html><html><meta charset=utf-8><link rel=icon href=/images/logo.svg><link rel=apple-touch-icon href=/images/logo.svg><title>Fabulous - Build reliable multi-platform apps effortlessly</title><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Unleashing the power of declarative UI and functional programming, Fabulous empowers you to create amazing and reliable apps with ease. Target Android, iOS, macOS, Windows and more."><meta name=twitter:card content="summary_large_image"><meta name=twitter:site content="@FabulousAppDev"><meta property="og:title" content="Fabulous - Build reliable multi-platform apps effortlessly"><meta property="og:url" content="https://fabulous.dev"><meta property="og:description" content="Unleashing the power of declarative UI and functional programming, Fabulous empowers you to create amazing and reliable apps with ease. Target Android, iOS, macOS, Windows and more."><meta property="og:image" content="/images/logo-title.svg"><link rel=stylesheet href=https://fabulous.dev/sass/main.css><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Jost:wght@600&family=Poppins:wght@400;600;700&display=swap" rel=stylesheet><script src=https://kit.fontawesome.com/2912990da2.js crossorigin=anonymous></script> | ||
| <link rel=stylesheet href=https://fabulous.dev/sass/root.css><body><div class=spotlights><div class=spotlight id=spotlight-top></div><div class=spotlight id=spotlight-bottom></div></div><header><div class=logo><a href=/><img src=/images/logo.svg alt=Fabulous> | ||
| <!doctype html><html><meta charset=utf-8><link rel=icon href=/images/logo.svg><link rel=apple-touch-icon href=/images/logo.svg><title>Fabulous - Build reliable multi-platform apps effortlessly</title> | ||
| <meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Unleashing the power of declarative UI and functional programming, Fabulous empowers you to create amazing and reliable apps with ease. Target Android, iOS, macOS, Windows and more."><meta name=twitter:card content="summary_large_image"><meta name=twitter:site content="@FabulousAppDev"><meta property="og:title" content="Fabulous - Build reliable multi-platform apps effortlessly"><meta property="og:url" content="https://fabulous.dev/"><meta property="og:description" content="Unleashing the power of declarative UI and functional programming, Fabulous empowers you to create amazing and reliable apps with ease. Target Android, iOS, macOS, Windows and more."><meta property="og:image" content="/images/logo-title.svg"><link rel=stylesheet href=https://fabulous.dev/sass/main.css><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Jost:wght@600&family=Poppins:wght@400;600;700&display=swap" rel=stylesheet><script src=https://kit.fontawesome.com/2912990da2.js crossorigin=anonymous></script><link rel=stylesheet href=https://fabulous.dev/sass/root.css><body><div class=spotlights><div class=spotlight id=spotlight-top></div><div class=spotlight id=spotlight-bottom></div></div><header><div class=logo><a href=/><img src=/images/logo.svg alt=Fabulous> | ||
| Fabulous</a></div><div id=menu-button><input type=checkbox id=menu-button-checkbox> | ||
| <label for=menu-button-checkbox><div></div><div></div><div></div></label></div><div class=menu><div class=left-menu><a class=menu-item href=https://docs.fabulous.dev>Documentation</a> | ||
| <a class=menu-item href=https://fabulous.dev/about style=display:none>About</a> | ||
| <a class=menu-item href=mailto:[email protected]>Contact us</a></div><div class=right-menu><a href=https://github.com/fabulous-dev/Fabulous><i class="fa-brands fa-github"></i></a> | ||
| <a href=https://twitter.com/FabulousAppDev><i class="fa-brands fa-twitter"></i></a> | ||
| <a rel=me href=https://mastodon.social/@FabulousAppDev><i class="fa-brands fa-mastodon"></i></a> | ||
| <a href=https://discord.gg/bpTJMbSSYK><i class="fa-brands fa-discord"></i></a></div></div></header><main><section class=hero><div class=hero-container><div class=hero-description><h1>Build reliable multi‑platform apps effortlessly.</h1><p>Fabulous empowers you to create amazing and reliable apps with ease by unleashing the power of declarative UI and functional programming.</p><a class=button href=https://docs.fabulous.dev/get-started>Get started</a></div><div class=hero-image><picture id=hero-1><source srcset=/images/hero-1440px-1.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-1.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-1.png media="(min-width: 700px)"><img src=/images/hero-360px-1.png alt="Desktop app example made with Fabulous"></picture> | ||
| <picture id=hero-2><source srcset=/images/hero-1440px-2.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-2.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-2.png media="(min-width: 700px)"><img src=/images/hero-360px-2.png alt="Mobile app example made with Fabulous"></picture> | ||
| <picture id=hero-3><source srcset=/images/hero-1440px-3.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-3.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-3.png media="(min-width: 700px)"><img src=/images/hero-360px-3.png alt="Mobile app example made with Fabulous"></picture></div></div><div class=spotlight></div></section><section class=body><section id=declarative-ui class=content><div class=content-container><div class=content-description><hgroup><h2>Declarative UI</h2><h3>Expressive, flexible, and maintainable views</h3></hgroup><p>Describe how your app should look rather than the steps required to create it.<br>Fabulous will make sure your users always see the latest state of your app.</p></div><div id=declarative-ui-animated class=content-image><img id=expressive-views-1 src=/images/expressive-views-1.webp> | ||
| <a href=https://discord.gg/bpTJMbSSYK><i class="fa-brands fa-discord"></i></a></div></div></header><main><section class=hero><div class=hero-container><div class=hero-description><h1>Build reliable multi‑platform apps effortlessly.</h1><p>Fabulous empowers you to create amazing and reliable apps with ease by unleashing the power of declarative UI and functional programming.</p><a class=button href=https://docs.fabulous.dev/get-started>Get started</a></div><div class=hero-image><picture id=hero-1><source srcset=/images/hero-1440px-1.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-1.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-1.png media="(min-width: 700px)"><img src=/images/hero-360px-1.png alt="Desktop app example made with Fabulous"> | ||
| </picture><picture id=hero-2><source srcset=/images/hero-1440px-2.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-2.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-2.png media="(min-width: 700px)"><img src=/images/hero-360px-2.png alt="Mobile app example made with Fabulous"> | ||
| </picture><picture id=hero-3><source srcset=/images/hero-1440px-3.png media="(min-width: 1440px)"><source srcset=/images/hero-1000px-3.png media="(min-width: 1000px)"><source srcset=/images/hero-700px-3.png media="(min-width: 700px)"><img src=/images/hero-360px-3.png alt="Mobile app example made with Fabulous"></picture></div></div><div class=spotlight></div></section><section class=body><section id=declarative-ui class=content><div class=content-container><div class=content-description><hgroup><h2>Declarative UI</h2><h3>Expressive, flexible, and maintainable views</h3></hgroup><p>Describe how your app should look rather than the steps required to create it.<br>Fabulous will make sure your users always see the latest state of your app.</p></div><div id=declarative-ui-animated class=content-image><img id=expressive-views-1 src=/images/expressive-views-1.webp> | ||
| <img id=expressive-views-2 src=/images/expressive-views-2.webp></div></div></section><section id=mvu class=content><div class=content-container><div class=content-description><hgroup><h2>Model-View-Update</h2><h3>Simple and robust architecture</h3></hgroup><p>MVU makes it easier to reason about the behavior of your application by separating the state and logic from the UI representation.</p><a href=https://zaid-ajaj.github.io/the-elmish-book/#/chapters/elm/>Learn more</a></div><picture class=content-image><img src=/images/mvu.webp alt="Diagram of the Model-View-Update pattern"></picture></div><div class=spotlight></div></section><section id=functional-programming class=content><div class=content-container><div class=content-description><hgroup><h2>Functional programming</h2><h3>A great paradigm for building apps</h3></hgroup><p>The state of the app can change frequently and rapidly due to user interactions and events.<br>F# can help manage this complexity by making it clear how the state changes and making it easier to test the different states.</p><a href=https://dotnet.microsoft.com/languages/fsharp>Learn more</a></div><div id=functional-programming-animated class=content-image><img id=fsharp-1 src=/images/fsharp-1.webp><div id=fsharp-2></div><img id=fsharp-3 src=/images/fsharp-2.webp></div></div></section><section id=dotnet class=content><div class=content-container><div class=content-description><hgroup><h2>Great ecosystem</h2><h3>Powered by .NET</h3></hgroup><p>.NET is a mature and wildly adopted ecosystem. It provides a wide range of tools and frameworks, as well as a large and active community that provides support and resources.</p><a href=https://dotnet.microsoft.com/learn/dotnet/what-is-dotnet>Learn more</a></div><picture class=content-image><img src=/images/dotnet-ecosystem.webp alt=dotnet></picture></div><div class=spotlight></div></section><section id=community class=community><div class=community-container><section class=content><div class="content-container no-image"><div class=content-description><hgroup><h2>Built in the open</h2><h3>Join the Fabulous community</h3></hgroup><p>Started in 2018 in the <a href=https://github.com/fsprojects>F# Community Incubation Space</a>, Fabulous has been open source since the beginning and is always looking for new contributors.</p><p>Did you find an issue, have a feature request, or want to participate to the future of Fabulous? Head to our GitHub repository.</p><a href=https://github.com/fabulous-dev/Fabulous/blob/main/CONTRIBUTING.md>Start contributing</a></div></div></section><section class=content><div class="content-container no-image"><div class=content-description><hgroup><h2>Sponsoring & Services</h2><h3>Support Fabulous</h3></hgroup><p>Fabulous is not a commercial product and is being built on the free time of everyone involved.</p><p>If you are a company using Fabulous or simply want to support all the efforts going into Fabulous, you can sponsor us via the GitHub Sponsors program.</p><a href=https://github.com/fabulous-dev/Fabulous>Support us on GitHub</a><p>Looking for support? We can provide you with paid services to help you build your apps.</p><a href=mailto:[email protected]>Commercial support</a></div></div></section></div><div class=spotlight></div></section><section class=callout><div><h2>Choose your own adventure</h2><p>Fabulous brings declarative UI and functional programming to existing .NET UI frameworks.<br><br>You can choose the one that fits your needs best.</p><ul><li><a href=https://github.com/fabulous-dev/Fabulous.MauiControls><img src=/images/maui.svg alt="Logo of .NET MAUI"><p>.NET MAUI</p></a></li><li><a href=https://github.com/fabulous-dev/Fabulous.XamarinForms><img src=/images/xamarin.svg alt="Logo of Xamarin.Forms"><p>Xamarin.Forms</p></a></li><li><a href=https://github.com/fabulous-dev/Fabulous.Avalonia><img src=/images/avalonia.svg alt="Logo of Avalonia"><p>Avalonia</p></a></li></ul></div></section></section><section class=get-started><div><h3>Build reliable multi-platform apps with <i class=emphasis>Fabulous</i></h3><div class=actions><a class=button href=https://docs.fabulous.dev/get-started>Get started</a> | ||
| <a class="button outlined" href=https://docs.fabulous.dev>Read docs</a></div></div></section></main><footer><div class=design-by><a href=https://ruizhangux.com>Design by Rui Zhang</a></div><div class=footer-social><ul><li><a href=https://github.com/fabulous-dev/Fabulous><i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com/FabulousAppDev><i class="fa-brands fa-twitter"></i></a></li><li><a rel=me href=https://mastodon.social/@FabulousAppDev><i class="fa-brands fa-mastodon"></i></a></li><li><a href=https://discord.gg/bpTJMbSSYK><i class="fa-brands fa-discord"></i></a></li></ul></div></footer></body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters