{"id":25141,"url":"https://github.com/Sutil-Web/awesome-sutil","name":"awesome-sutil","description":"List of awesome Sutil resources","projects_count":37,"last_synced_at":"2026-08-15T22:00:24.481Z","repository":{"id":145742869,"uuid":"558852939","full_name":"Sutil-Web/awesome-sutil","owner":"Sutil-Web","description":"List of awesome Sutil resources","archived":false,"fork":false,"pushed_at":"2023-06-14T16:14:35.000Z","size":52,"stargazers_count":14,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2026-07-27T12:05:38.083Z","etag":null,"topics":["fsharp","sutil"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sutil-Web.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-10-28T12:53:46.000Z","updated_at":"2024-03-30T00:41:44.000Z","dependencies_parsed_at":"2024-03-09T03:16:03.034Z","dependency_job_id":null,"html_url":"https://github.com/Sutil-Web/awesome-sutil","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sutil-Web/awesome-sutil","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sutil-Web%2Fawesome-sutil","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sutil-Web%2Fawesome-sutil/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sutil-Web%2Fawesome-sutil/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sutil-Web%2Fawesome-sutil/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sutil-Web","download_url":"https://codeload.github.com/Sutil-Web/awesome-sutil/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sutil-Web%2Fawesome-sutil/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36698027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-15T02:00:05.847Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T12:56:57.496Z","updated_at":"2026-08-15T22:00:24.482Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Learning","Articles","Infrastructure","Video Tutorials","Starter Projects","Sample Apps","Templates","Components"],"sub_categories":["Jill1 : Real World F# Web App - Brisk","Ben Gobeil : Building a Stock Market Monitoring System with F# - StonkWatch"],"readme":"# List of awesome Sutil resources\n\nSutil is lightweight front-end framework for F# / Fable.  \nInspired by Svelte.  \nNo dependencies.  \n\n## Starter Projects\n\n* [Sutil Template for Hello World](https://github.com/davedawkins/sutil-template-helloworld), by Dave Dawkins\n* [Sutil Template for Elmish](https://github.com/davedawkins/sutil-template-elmish), by Dave Dawkins\n* [Sutil Template for Full App](https://github.com/davedawkins/sutil-template-app), by Dave Dawkins\n\n## Learning\n\n* [Sutil REPL](https://sutil.dev/repl/), by Dave Dawkins\n* [Documentation](https://sutil.dev/#documentation-about-sutil)\n* [Code Examples](https://sutil.dev/#examples-hello-world)\n\n## Articles\n\n* [Using Sutil to develop a real world application](https://hashset.dev/article/16_using_sutil_to_develop_a_real_world_application), by Kai Ito\n* [Serene Sitting with Sutil](https://elm.finde-ich-super.de/2021.html#serene-sitting-with-sutil), by Martin Grotz\n* [Writing an Appwrite Web App in F#, by Dave Dawkins](https://github.com/davedawkins/doodletoy#readme)\n* [Dependency Trees With Fable and Sutil](https://queil.net/2021/12/dependency-trees-with-fable-and-sutil/)\n* [Exploring the F# Frontend Landscape](https://blog.tunaxor.me/blog/2022-05-23-exploring-the-fsharp-frontend-landscape.html), by Angel Munoz\n\n## Sample Apps\n\n* [Oxide](https://github.com/davedawkins/sutil-oxide) - A toolkit for building IDE-style web applications, by Dave Dawkins\n* [sutil-template-react](https://github.com/davedawkins/sutil-template-react) - How to host React (and other frameworks) inside a Sutil app, by Dave Dawkins\n* [sutil-template-chromex](https://github.com/davedawkins/sutil-template-chromex) - Creating a Chrome Extension in F# Using Sutil, by Dave Dawkins\n* [sutil-template-tailwind](https://github.com/davedawkins/sutil-template-tailwind) - Sutil Template for Tailwind, by Dave Dawkins\n* [aspect-ratio](https://github.com/NoseCone/aspect-ratio), by NoseCone\n* [SubtleConduit](https://github.com/kaeedo/SubtleConduit) - Recreating a Real World app, called Conduit, using Sutil - by kaeedo\n* [spooktober-2021 game](https://github.com/AngelMunoz/spooktober-2021), by Angel Munoz\n\n## Templates\n\n* [Sutil-Template](https://github.com/Jlll1/Sutil-Template), by Jill1\n* [Fable.Sutil.Templates](https://github.com/AngelMunoz/Fable.Sutil.Templates), by Angel Munoz\n\n## Infrastructure\n\n* [Perla + Sutil](https://github.com/AngelMunoz/perla-templates/tree/main/fable-sutil) - Perla template for Sutil\n* [SutilComponent](https://github.com/Sutil-Web/SutilComponent) - Fable plugin to automatically bind Sutil observables in functions decorated with `SutilComponent`\n* [Sutil.Generator](https://sutil-shoelace.web.app/) - project that aims to bring the goodness of [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) to F# thanks to Sutil\n\n## Components\n\n* [Sutil.Toastr](https://github.com/davedawkins/Sutil.Toastr) - A Sutil port of Elmish.Toastr\n\n## Video Tutorials\n\n### Jill1 : Real World F# Web App - Brisk\n\nhttps://github.com/Jlll1/Brisk  \n* [#01 - Setting up Sutil and routing](https://youtu.be/EC5smZp4DDc)\n* [#02 - Building a Card component with Sutil](https://youtu.be/yrK-iTORgU8)\n* [#03 - Pagination Component](https://youtu.be/lgbKSQNIvrU)\n* [#04 - Ensuring valid state with smart types](https://youtu.be/Bs5zTkmMmas)\n* [#05 - Communication between components](https://youtu.be/NuAzX_6flsI)\n\n### Ben Gobeil : Building a Stock Market Monitoring System with F# - StonkWatch\n\nhttps://github.com/bengobeil/StonkWatch\n* [#07 - Why Sutil Can Change The Front-End Development Game](https://youtu.be/D5LwGKNa6dk?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#08 - How To Write Type-Safe HTML/CSS In F# With Sutil and Bulma](https://youtu.be/IcSvaWPcBls?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#09 - Writing MVU-Style Reactive Web In F# Using Sutil](https://youtu.be/9j2ucq2xsD4?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#10 - Domain Modeling With F# Types | Live Walkthrough](https://youtu.be/8ab-0B2KlR8?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#11 - Using F# Strong Types In Sutil/Bulma Web UI](https://youtu.be/iKf9PhdQNRo?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#12 - Writing Our First Unit Test + Doing Math With Units of Measure](https://youtu.be/K057g57reY0?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#14 - How To Use Elmish Commands For Dynamic F# MVU Web Front-Ends](https://youtu.be/_i0hwcjXk8I?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n* [#15 - Refactoring Sutil Code With Custom Operators](https://youtu.be/m6TmrvaEcHw?list=PLWtGeD5k0ryhV0Fq-_n9OADe1mud_ZTlT)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/sutil-web%2Fawesome-sutil/projects"}