TypeScript creative-coding

Open-source TypeScript projects categorized as creative-coding
Edit details
Topics: JavaScript TypeScript Art GUI Design
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.io
featured

Top 11 TypeScript creative-coding Projects

  • pts

    A library for visualization and creative-coding

  • tweakpane

    :control_knobs: Compact GUI for fine-tuning parameters and monitoring value changes

    • Project mention: A lightweight GUI library for Angular | /r/Angular2 | 2023-11-19

    I created a GUI library, it's very useful for the visual editor and it can be very easy to generate config panel for options. If you don't know about GUI library, maybe you can checkout some other famous open source project ( dat.gui, tweakpane, leva).

  • 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

  • glisp

    Glisp is a Lisp-based design tool that combines generative approaches with traditional design methods, empowering artists to discover new forms of expression.

    • Project mention: I wrote a new language to beat Figma | /r/ProgrammingLanguages | 2023-06-25

    Have you ever tried Glisp? IMO it is executed much better than yours because Lisp is a much better suited language. Anyways awesome idea!

  • CushyStudio

    🛋 The AI and Generative Art platform for everyone

    • Project mention: Stable Video Diffusion | news.ycombinator.com | 2023-11-21

    Finally ! Now that this is out, I can finally start adding proper video widgets to CushyStudio https://github.com/rvion/CushyStudio#readme . Really hope I can get in touch with StabilityAi people soon. Maybe Hacker News will help

  • polygonjs

    node-based WebGL design tool

    • Project mention: Show HN: Chess Twist | news.ycombinator.com | 2024-06-01

    Yes, minimizing clutter was a priority, and still is. I've tried to avoid those arrows for a long time, but the pawn movements wasn't clear enough without them. And I agree it's not the optimal display.

    Displaying them on some tiles only is something I have not thought of. My first reaction is that it may feel harder to read, as tiles with an arrow may look like they would act differently than those without? We may induce the idea that it has a different purpose. So for now, I'd prefer a solution that would look the same on all tiles, I think that's much easier to parse. But then I should probably give this a try before rejecting it.

    You do have a good point regarding the wood texture, I've tried other textures, but couldn't find a better one yet. But I'm sure that's possible. Nevertheless for now, you can also display different skins: https://imgur.com/a/zitKlpz

    And thanks a lot for mentioning the four colour theorem. I'm looking at its wikipedia page now. I'm sure I came across it many times before, but I did not think about it when tackling this part of the problem. My implementation is here is anyone can spot my mistake: https://github.com/polygonjs/polygonjs/blob/master/src/engin...

  • react

    A wrapper component that allows you to utilise P5 sketches within React apps. (by P5-wrapper)

  • p5.capture

    🎬 super easy recording for p5.js animations

  • 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

  • gui

    🎛️ JSON powered GUI for configurable panels. (by acrodata)

    • Project mention: A lightweight GUI library for Angular | /r/Angular2 | 2023-11-19

  • magic-circle

    Creative coding UI

  • core

    Create 2d primitive shapes, encapsulate and repeat them by handling each repetition and generate recursive shapes (by urpflanze-org)

  • tweakpane-table

    Table plugin for Tweakpane

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript creative-coding related posts

  • Particle Life

    6 projects | news.ycombinator.com | 28 Dec 2023

  • I wrote a new language to beat Figma

    1 project | /r/ProgrammingLanguages | 25 Jun 2023

  • We are building a new language for building UI, and here is the overview of how we compile it to wasm, and then render it via WGPU. It's very very early.

    1 project | /r/ProgrammingLanguages | 22 May 2023

  • Magic Circle: A variable controller GUI (like Dat.GUI & Leva) that supports R3F

    1 project | /r/r3f | 3 Oct 2022

  • Magic Circle - The UI I've made for creative web development projects

    1 project | /r/webdev | 16 Jul 2022

  • Magic Circle: A variable controller UI (like Dat.GUI)

    1 project | /r/threejs | 13 Jul 2022

  • Magic Circle - My attempt at a creative coding editor that is suitable for P5.js

    2 projects | /r/p5js | 6 Jul 2022
  • A note from our sponsor - SaaSHub
    www.saashub.com | 3 Jun 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source creative-coding projects in TypeScript? This list will help you:

Project Stars
1 pts 5,117
2 tweakpane 3,360
3 glisp 983
4 CushyStudio 592
5 polygonjs 558
6 react 452
7 p5.capture 208
8 gui 76
9 magic-circle 36
10 core 34
11 tweakpane-table 9

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com