Profile picture of Michael GroßklausMichael Großklaus

RSS
Color scheme

Some things I am actively working on or have worked on in the past.

There might be more on my GitHub profile.

HiFi Log

HiFi Log is a user-driven database for hi-fi products and brands. Users can add products and brands to the platform, but also bookmark them or add them to their own collection to keep track of the products they currently own and used to own.

I did the concept, design, frontend and backend. It is built with Ruby on Rails.

Website
www.hifilog.com
Repository
github.com/mgrsskls/hifilog

miyagi

miyagi is a component library tool similar to PatternLab and Storybook.
Unlike Storybook, for example, it uses server-side rendering using a node server.

Website
www.miyagi.dev
Repository
github.com/miyagi-dev

Discogs Record Collection

Discogs Record Collection gives Discogs users a simple overview of all their records in their collection. Can either be used after granting access via OAuth (on discogs.mgrossklaus.de) or by creating a static build.

Website
discogs.mgrossklaus.de / records.mgrossklaus.de
Repository
github.com/mgrsskls/discogs-record-collection

Web Components

A collection of unstyled, Light DOM based Web Components.

Website
mgrsskls.github.io/web-components
Repository
github.com/mgrsskls/web-components

Convert

A website for all kinds of conversion.

Built with SvelteKit.

Website
convert.mgrossklaus.de
Repository
github.com/mgrsskls/convert

Obsidian Minimized Theme

A very minimized Obsidian theme that hides a lot of features. Supports light and dark mode.

Repository
github.com/mgrsskls/obsidian-minimized

Heading structure snippet

A JavaScript function that highlights headings on a website that do not follow a logical structure. Can be used as a bookmarklet.

Repository
github.com/mgrsskls/heading-structure-snippet

Text Truncation

A script that truncates the text of multiple elements in a container with a fixed height.

Demo
mgrsskls.github.io/text-truncation
Repository
github.com/mgrsskls/text-truncation
npm
npmjs.com/package/text-truncation

Typing Effect

A script that creates a typing effect for one or multiple elements. As opposed to most other implementations, it reserves the final space while typing, so other elements to not jump around.

Demo
mgrsskls.github.io/typing-effect
Repository
github.com/mgrsskls/typing-effect
npm
npmjs.com/package/typing-effect

Music Earth

An audio visualisation in the browser. Works best with dynamic, high quality recordings.

Demo
mgrsskls.github.io/musicearth
Repository
github.com/mgrsskls/musicearth

Animals

Just a bit of playing around with HTML and CSS.

Demo
mgrsskls.github.io/animals
Repository
github.com/mgrsskls/animals