Building Mystery Mansion Madness without a UI Framework

This page summarizes the projects mentioned and recommended in the original post on dev.to

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

    A declarative, type-safe UI library for PureScript.

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

  • purescript-concur-react

    Concur UI Framework for Purescript

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

  • 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
  • purescript-deku

    A PureScript web UI framework

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

  • three.js

    JavaScript 3D Library.

  • In parallel, PureFunctor had developed a small Vanilla JS engine on top of three.js with no additional UI frameworks. He showcased it in a single-page app, and the whole thing held together in less than 400 lines of code. I took his initial work and modified it slightly, adding tailwind-css for styling and developed it into Mystery Mansion Madness, which in just a few days has been played by 100s of people.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • In parallel, PureFunctor had developed a small Vanilla JS engine on top of three.js with no additional UI frameworks. He showcased it in a single-page app, and the whole thing held together in less than 400 lines of code. I took his initial work and modified it slightly, adding tailwind-css for styling and developed it into Mystery Mansion Madness, which in just a few days has been played by 100s of people.

  • React

    The library for web and native user interfaces.

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • purescript-native

    A native compiler backend for PureScript (via C++ or Golang)

  • Before 2012, all of my websites were made using HTML, CSS and a sprinkling of JS. Then, I went all-in on AngularJS, followed by React. I started using Typescript and then PureScript and learned more frameworks like Halogen and Concur. I even wrote my own UI framework called purescript-deku.

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