Ask HN: More “experimental“ UIs for editing/writing code?

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • gtoolkit

    Glamorous Toolkit is the Moldable Development environment. It empowers you to make systems explainable through experiences tailored for each problem.

  • https://gtoolkit.com/

    I haven’t fully wrapped my head around this. It’s a moldable editor where different types of data can each have their own view.

  • unit

    Next Generation Visual Programming System (by samuelmtimbo)

  • https://github.com/samuelmtimbo/unit

    - A code drawn in unit is simply a Directed Graph.

    - Programming can be partially performed by Gesture and by Voice.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • glicol

    Graph-oriented live coding language and music/audio DSP library written in Rust

  • If you haven't used Colab/Juypter Notebooks yet, I highly recommend you try it. It's "notebook" style interface, and allows you to run "cells" in arbitrary order.

    The other interesting interface I've come across is https://gibber.cc/ and https://glicol.org/ which are both music coding environments though they have slightly different UI so are both worth exploring to get a sense. What I imagine is an extension of their approach to make going from a (Python) REPL to working code more seamless. My workflow is often play in a REPL until I get it working, and then try and reconstruct the right order of code back in an editor. There's got to be a better way of going from REPL to code than that, but I've not found it yet.

  • metadesk

  • Light Table

    Discontinued The Light Table IDE ⛺

  • mps-code-reviewer

    Code Review for JetBrains MPS providing integration with Bitbucket

  • > I'm not sure anyone's actually using it, but there are some good ideas in there.

    I guess it's kind of cheating, but they wrote YouTrack in MPS; they used to cite that in the footer, but I guess it was removed cause it was an implementation detail

    I reached out to them to ask "what does that mean, written in MPS?" and they said they had a DSL for issue tracking that essentially generated executable YouTrack builds

    Interestingly, Workday has a repo for MPS code reviews, although stale: https://github.com/Workday/mps-code-reviewer#readme

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • QED

    NOW OBSOLETE. UTF-8/Unicode-aware port of Rob Pike's QED editor for Unix (by phonologus)

  • Not exactly "experimental", considering the Unix heritage, but -- line editors.

    "I've seen [visual] editors like that, but I don't feel a need for them. I don't want to see the state of the file when I'm editing." -- Ken Thompson, on the superiority of ed to visual editors. Summarized by Peter Salus in A Quarter Century of UNIX (Addison-Wesley, 1994).

    Definitely a blast from the past, but I do think line editors may force one to write simpler programs -- or to think in smaller chunks, as opposed to (doom)scrolling or moving about incrementally on a large screen.

    Rob Pike's sam editor has an interesting command language. You're not limited to thinking in "lines" as in ed or sed; rather, the whole file is a giant string that you manipulate using regular expressions, external pipes, etc: http://doc.cat-v.org/bell_labs/sam_lang_tutorial/sam_tut.pdf

    Its predecessor, qed, is also interesting, extremely powerful, but it seems to have a much steeper learning curve. I have used sam quite a bit, but not qed. https://github.com/phonologus/QED/raw/master/doc/qed-tutoria...

  • ideas

    a hundred ideas for computing - a record of ideas - https://samsquire.github.io/ideas/ (by samsquire)

  • I wrote a living document interface. Nowadays it's probably similar to notion.

    The idea was you could write code into it and see all the data structures of the code you wrote. There's a screencast and the code is available but broken. It's written in Angular 1. There was a cool feature where you could select different things on the screen for searching for an operation for them to merge them together.

    https://camo.githubusercontent.com/3064a94d00812c1373c4eb3b2...

    https://github.com/samsquire/ideas#4-living-documents

  • impulse

    Impossible Dev Tools for React and Tailwind

  • I've made a UI editor for React that allows you to edit any element visually but commits changes right to your code the same way you'd do it with a code editor.

    https://github.com/impulse-oss/impulse

  • enso

    Hybrid visual and textual functional programming.

  • I’ve always thought https://enso.org/ looked cool. It’s a functional language that has both a text representation and a visual representation as a graph that you can edit directly. I still haven’t played with it much though

  • awesome-structure-editors

    A list of projectional and structural editors

  • Some good ones pops up in Projectional Programming [1] once in a while. The pinned thread links to the structure-editors github list [2] too.

    [1] https://www.reddit.com/r/nosyntax/

    [2] https://github.com/yairchu/awesome-structure-editors

  • lisperanto

    Lisperanto is a spatial canvas for programming; Lisperanto is a spatial canvas for knowledge; Lisperanto is a spatial canvas for ideas;

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts