Code Monkey home page Code Monkey logo

I am an ambitious web designer and animator

In 25 years of experience, I have accumulated a wide range of expertise and offer an extensive skillset from conception to implementation.

I use GitHub to share some of my code ideas and helpers. Currently, most of my repositories are based on Tumult Hype as I find it a very useful tool to create unique HTML5 projects. The repositories don't include example files as version tracking doesn't make that much sense on them. That said, there are many example files to be found in the Hype forum and on my Gumroad account.

Hope these repositories help you in your daily work and I appreciate any support you can spare by becoming my sponsor on GitHub.

Max Ziebell

Max Ziebell's Projects

export-to-hype-illustrator icon export-to-hype-illustrator

Export to Hype is an Illustrator plugin that prepares your designs for Tumult Hype by exporting it as a template, symbol or resources. The plugin offers flexible export options and advanced customization features for creating polished web graphics.

export-to-hype-photoshop icon export-to-hype-photoshop

This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usable in Tumult Hype 4 based on your Photoshop document.

hypeactionevents icon hypeactionevents

Extension that offers code execution based on events and can be declared by data attributes. Furthermore, it offers code execution through the Custom Behavior interface.

hypeanimationframe icon hypeanimationframe

A wrapper for window.requestAnimationFrame that cleans up after itself made for Tumult Hype.

hypeautolayout icon hypeautolayout

Create size adjusting layouts using Hype (inspired by Figma). This extension helps with positioning elements using a stacking order.

hypeblendmodes icon hypeblendmodes

This extension aims at offering CSS blend modes for Tumult Hype 4.

hypebundles icon hypebundles

Hype Bundler based made to work with the Hype exportscript interface

hypecommandpipeline icon hypecommandpipeline

The idea behind Hype CommandPipeline is to map function calls originating from triggering custom behavior onto a handler function and then uses event.customBehaviorName to run an action.

hypecompressor icon hypecompressor

Project aimed at different ways to reduce the file footprint and apply optimizations to Tumult Hype 4 export files.

hypecookbook icon hypecookbook

Tumult Hype Community Experts sharing their knowledge and insights.

hypedatadecorator icon hypedatadecorator

Project for getting reactivity and feedback directly in Tumult Hype 4 using the additional HTML-attributes panel for options.

hypedatamagic icon hypedatamagic

Allows you to easily add and handle data in your Hype documents (with live preview)

hypedataparser icon hypedataparser

Helper to parse strings into JavaScript multiple data formats and to easily extract specific facets from the data

hypedocumentload icon hypedocumentload

This function implements the missing HypeDocumentLoad as a workaround to be triggered as a native Hype Function called HypeDocumentLoad

hypedocumentloader icon hypedocumentloader

This extension uses a tiny runtime proxy to fetch the loader data, offering instant access to it. This allows to read and maipulate some values you wouldn’t usually haveaccess to …

hypedynamiccamera icon hypedynamiccamera

Create transformations based on a square defining the view port for animations and dynamic framing.

hypegestures icon hypegestures

A collection of useful gestures mainly based on Hype Action Events.

hypeglobalbehavior icon hypeglobalbehavior

This project extends custom behavior found in Tumult Hype 4 to the page context and beyond.

hypehandlebars icon hypehandlebars

Wrapper to connects Handlebars to your Hype document (rectangles/DIV's)

hypemissingselectors icon hypemissingselectors

Simple project to get the missing CSS selectors we all wished for :v:. These include selectors based on Symbol names, Layout names and Scene names.

hypemutationobserver icon hypemutationobserver

This extension called Hype MutationObserver, is a wrapper to MutationObserver. It allows to observer elements and act upon changes on their attributes, childlist and subtree.

hypepowerpack icon hypepowerpack

Get extra actions and options using the export script interface

hypereactivecontent icon hypereactivecontent

A small custom tailored extension to use hypeDocument.customData in a reactive manner.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.