Bringing component-based design to Django templates

What it does

Compose UI from single template files. No build step, fully interoperable with the Django templates you already write. <div class="card"> <h3>{{ title }}</h3> <p>{{ slot }}</p> </div> 2. Use it like a tag { setTimeout(() => hljs.highlightAll(), 50); }); " > view.html c-tags | DTL <c-card title="Pricing"> Simple, per-seat billing. </c-card> <c-card title="Support"> Help when you need it. </c-card> {% cotton card title="Pricing" %} Simple, per-seat billing. {% endcotton %} {% cotton card title="Support" %} Help when you need it. {% endcotton %} 3. Renders to Pricing Simple, per-seat billing. <c-vars label type="text" :required="False" /> <div class="field"> <label>{{ label }}{% if required %}…from django-cotton.com

• RC
  Reusable components with Django and HTMX2024 · dhc.iwanalabs.com · ▲11
• 
  Generate styled web pages with just Python2023 · pyvibe.com · ▲229

  There are a lot of Python to web app frameworks going around these days but I wanted something that was a little more lightweight that just generates HTML pages and can be embedded in Flask or other Python web servers incrementally. PyVibe uses Python components to construct a page with styling that you can use in Flask, in a static site, or even in Pyodide.

• UG
  Use Go's HTML/template to write React-like code2024 · ▲106

  Hi all, I'm currently working on my hobby project, and one of the fun constraints I put in was to build using as less dependencies as possible. I chose Go as it has a really good standard library, and all went well for building backend. But for frontend, I was wondering whether I should break the constraint and go for React. I tried options like Web Components, but I really didn't like the ergonomics and I didn't want to use jQuery either. Out of curiosity, I was exploring Go's html&#x2F;template package to see if I can write UIs in a React-like manner. I found most of the online docs using…

• 
  Django and React SaaS boilerplate tutorial2020 · github.com · ▲135

  DIY Django + React Boilerplate for starting your SaaS - saasitive/django-react-boilerplate

• 
  Django Road2024 · ▲4

  Pluggable website components

• 
  Gomponents, HTML components in pure Go2024 · gomponents.com · ▲113

  Hey everyone! I just released v1.0.0 of gomponents last week. It's an HTML component builder in pure Go, with a DSL-like HTML syntax. It's been 4 years in the making, and makes it really easy to build HTML in your web apps.

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Lovable▲1,477

  Hey HN! Previous CERN physicist turned hacker here. We've developed a way to make AI coding actually work by systematically identifying and fixing places where LLMs typically fail in full-stack development. Today we're launching as Lovable (previously gptengineer.app) since it's such a big change. The problem? AI writing code typically make small mistakes and then get stuck. Those who tried know the frustration. We fixed most of this by mapping out where LLMs fail in full-stack dev and engineering around those pitfalls with prompt chains. Thanks to this, in all comparisons I found with: v0,…

  AI · 2024 · lovable.dev

• 
  Superchat▲1,427

  AI Agents for WhatsApp Business, Instagram & Co

  Growth · 2024 · superchat.com

• 
  Postiz▲1,188

  Streamline your social media with Postiz. Schedule posts, analyze performance, and manage all accounts in one place.

  Dev tools · 2024 · postiz.com

• 
  I built a(nother) house optimized for LAN parties▲1,117

  I wasn't quite sure if this qualified as "Show HN" given you can't really download it and try it out. However, dang said[0]: > If it's hardware or something that's not so easy to try out over the internet, find a different way to show how it actually works—a video, for example, or a detailed post with photos. Hopefully I did that? Additionally, I've put code and a detailed guide for the netboot computer management setup on GitHub: https:&#x2F;&#x2F;github.com&#x2F;kentonv&#x2F;lanparty Anyway, if this shouldn't have been Show HN, I apologize! [0]…

  Dev tools · 2024 · lanparty.house

• 
  Raycast Notes▲1,058

  Unlock a new level productivity with AI, Cloud Sync and more

  Work · 2024 · raycast.com

• 
  Cap▲1,047

  Beautiful screen recordings, owned by you. 100% open source.

  Dev tools · 2024 · cap.so