Projects

Here you’ll find a selection of open-source projects I’ve created or contributed to, as well as personal and professional work. As soon as I find the time I’ll add games and digital art projects.

There’s a list of featured projects and a chronological list of projects. Also I try to actively maintain all of my open-source projects, if they’re not marked as deprecated.

Featured Projects ✨

vue-cli-plugin-e2e-nightwatch-cucumber

Nightwatch/Cucumber plugin for Vue CLI 3.

Japanese Phrasebook️

100% free Japanese Phrasebook app, built for travel and offline usage. Add it to your Home screen and access 670+ essential phrases in 19 topics. Requires no Internet connection and offers speech synthesis, so you know how to pronounce Japanese phrases correctly.

Corsair

Corsair using RxJS, Immutable.js and WebGL/three.js.

RxJS Breakout

Breakout using Functional Reactive Programming and RxJS.

Dominant Colors Lazy Loading (WordPress Plugin)

This WordPress plugin allows you to lazy-load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images.

manu.ninja

manu.ninja is the personal blog of Manuel Wieser. Jekyll, then Gatsby.

Projects (Chronological 📅)

snow.js️

snow.js is a module that exports a snow() function, which you can pass the number of snowflakes you'd like and an HTML element where they should be drawn.

Johannes

Prototype for a collaborative real-time presentation software, meant as a self-hosted alternative to Google Slides. Built during a 24-hour hackathon in a team of three people using Firebase, Preact, TypeScript and Feathers.

vue-cli-plugin-e2e-nightwatch-cucumber

Nightwatch/Cucumber plugin for Vue CLI 3.

gatsby-source-buttercms

Source plugin for pulling blog posts, authors, categories, tags, and content fields into Gatsby from ButterCMS.

vue-dictaphone

Vue.js dictaphone component to record audio from the user.

WebGL Examples️

Essential WebGL examples, adapted from MDN and Learning WebGL.

Japanese Phrasebook️

100% free Japanese Phrasebook app, built for travel and offline usage. Add it to your Home screen and access 670+ essential phrases in 19 topics. Requires no Internet connection and offers speech synthesis, so you know how to pronounce Japanese phrases correctly.

Hacker News with Vue.js and GraphQL

Example project for my lectures showing how to use Vue.js core libraries and tooling with GraphQL. A companion project sets up a serverless GraphQL backend via Graphcool.

Corsair

Corsair using RxJS, Immutable.js and WebGL/three.js.

ARTUR Web Interface

ARTUR (Autonomous Robot Playspace) is a game designed for the Deep Space 8K at Ars Electronica Center. It made its debut at the Ars Electronica Festival 2017 in Linz, Austria. The web interface allows visitors to take part in the game by spawning new items for the players.

Web Push Notifications

A complete example on how to send push notifications, using Service Workers, Notification API, Push API and Google’s and Mozilla’s push messaging services.

WebGL Annotations

three.js example showing how to add a comment box or annotation box to a WebGL object as seen on Sketchfab.

Clock Clock 24

A take on the original design by Humans since 1982, where 24 analogue clocks form a digital clock.

resemble-image

Provide color stops for a gradient that loosely resembles the original image. This package only contains the basic algorithms to use in any JavaScript application.

postcss-resemble-image

Provide color stops for a gradient that loosely resembles the original image.

Liquid Loading

A “droplet effect” pull-to-refresh animation using SVG, CSS and JavaScript.

Laravel Handlebars

A Laravel 5 wrapper for LightnCandy for using the Handlebars (and Mustache) template engine. It allows you to use the same templates in different languages (like PHP and JavaScript) on the client and server.

Animation Strip Generator (GUI)

Simple Electron app providing a GUI for a command-line utility.

Animation Strip Generator

A command-line utility for creating sprite animations from image sequences.

grunt-svg-symbols

Grunt plugin to generate an SVG icon system (based on <symbol>) of a specified folder.

dominant-colors-snippets

Snippets showcasing the differences between quantization techniques.

RxJS Breakout

Breakout using Functional Reactive Programming and RxJS.

Dominant Colors Lazy Loading (WordPress Plugin)

This WordPress plugin allows you to lazy-load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images.

WebGL 3D Model Viewer Using three.js

three.js example using an OBJ/MTL loader, orbit controls, nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.

manu.ninja

manu.ninja is the personal blog of Manuel Wieser. Jekyll, then Gatsby.

Clementine

Radiated Pixel’s Clementine, the skill-based brain-twisting platformer, on iOS, Android or Windows Phone. Can you run further than your friends and beat their high scores?! The microsite lists all-time high scores of players.


Manuel Wieser, BSc MA

I’m an experienced front-end developer and versatile digital artist. I’m into building websites and creating content for real-time rendering, film and animation. I’m also a bearded hacker making games with my friends.

You can contact me via GitHub, Twitter or [email protected].

I’m currently working as a technical lead and full-stack web developer for karriere.at, making software that helps people find the job of their dreams.