https://htmx.org logo
Join Discord
Powered by
# showcase
  • q
    Sure. You don't run stuff in containers, but if you're using docker as a flatpack like substitute, as a way to run applications encapsulated with all their necessarily library dependencies and what not, then nix works just fine to replace that.
  • q
    In my case, I have a bunch of media type apps I run via docker. Stuff like transmission and flexget and other similar stuff. Many of them are written in PHP or Python or Node and have their own relatively large dependency chain. Manually installing those and keeping them separate and up to date would be a nightmare, but a docker container works wonders for that. Well, nix also works wonders for that use case.
  • m
    Interesting
  • m
    Thanks
  • p
    It's in there somewhere. https://forum.design
  • s
    Copy code
    <body class="top" hx-boost="true" hx-indicator="body" hx-swap="innerHTML swap:0s settle:0s">
  • p
    gg - you found it.
  • l
    HTMX + ASP.NET Razor Pages + Tailwind and ChartJs. I haven't been this productive since WebForms 🥹

    https://cdn.discordapp.com/attachments/909436816388669530/1106975314669731910/grugtid.gifâ–¾

  • m
    Tailwind UI. Looking 🔥
  • b
    I wish I could blag a team licence for it tbh. Would save everyone a load of time
  • l
    TailwindUI is 🔥, such an incredible productivity boost
  • l
    Very impressed by how little it took to get HTMX to update the chart in situ
  • p
    Would love to read more about how you did the chart update
  • g
    same. i've been thinking of using SVG for charting, seems like htmx should be able to swap SVG fragments (haven't tried yet)
  • I m probably doing it wrong but it s
    l
    I'm probably doing it wrong but it's basically this: initialize the chart and then 
    hx-get
    a 
    <script>
    on a 
    hx-trigger
    which contains code to update the graph with new data.

    https://cdn.discordapp.com/attachments/909436816388669530/1107217246897582120/image.pngâ–¾

    https://cdn.discordapp.com/attachments/909436816388669530/1107217247237308486/image.pngâ–¾

  • l
    My naming is all wonky due to prototyping, but the second screenshot is what's rendered in the bottom 
    <div>
  • b
    Hi, would appreciate feedback on a starter project https://start-django.fly.dev/ built on TailwindCSS, htmx and hyperscript. It's based off a backbone package https://www.mv3.dev/django-fragments/ which tries to encapsulate certain idioms, an attempt at locality
  • v
    I implemented every htmx examples in Clojure/Babashka! surely not the best clojure implementation since I'm still learning both clojure and htmx. Also, emphasis on the name Babashka since this is not Clojure/JVM, you don't need Java to run this, you only need a single Babashka binary to run the whole thing. code: https://github.com/keychera/panas.example https://cdn.discordapp.com/attachments/909436816388669530/1109433678934839296/babashka_htmx.mp4
  • m
  • g
    Okay think I've settled now on the nicest way to do this. Cloudflare + HTMX Was originally writing methods that tried to implement 
    _layout.ts
    NextJS style. But it's actually much nicer to just have an applyLayout method that that can be used anywhere in 
    _middleware.ts
    files ... simpler and way more flexible, with no magic going on underneath. Using this in some projects now. And I love it! https://github.com/stukennedy/cloudflare-htmx
  • g
    tailwind integration could be a bit nicer, but it works great if you have a tab running the tailwind watch and a tab running the app.
  • a
    how are the controls and the Chart.js wired? Pure JS, or are you reloading the HTML for the chart with every change?
  • a
    nvm, I see you explained it above. You keep pulling an HTML fragment that contains a script tag that reloads the chart data
  • m
    very cool!
  • f
    Making a web GUI for a python cli randomizer for an SNES game. htmx and hyperscript increase productivity a lot. Opted for a modal approach in order to keep the page as simple as possible and maintain form state. https://cdn.discordapp.com/attachments/857751859136561172/1110656095036395611/terrorwave-web-v1.mp4
  • s
    i like the ui
  • s
    is this bootstrap?
  • s
    or hand made?
  • f
    Bootstrap
  • v
    Yes bootstrap (last time I inspected it)