Building Mystery Mansion Madness without a UI Framework

Javascript UI Libraries JS Library Developer Tools

Three.js Landing Page
1

Three.js

A JavaScript 3D library which makes WebGL simpler.
Pricing:
- Open Source
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.

#Javascript UI Libraries #Flowcharts #Org Charts 229 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
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.

#Developer Tools #Design Tools #Website Design 865 social mentions
React Landing Page
3

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
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.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
PureScript Landing Page
4

PureScript

PureScript is a small strongly typed programming language that compiles to JavaScript.
Pricing:
- Open Source
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.

#Personal Finance #Financial Planner #Android 2 social mentions
AngularJS Landing Page

5

AngularJS

AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

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.

#Javascript UI Libraries #JS Library #Front-End Frameworks 47 social mentions