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.

HiFi Log

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

It is built with Ruby on Rails.

Website
www.hifilog.com

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
GitHub
github.com/miyagi-dev

Web Components

A collection of unstyled, Light DOM based Web Components.

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

Convert

A SvelteKit based website for all kinds of conversion.

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

Obsidian Minimized Theme

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

GitHub
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.

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

Text Truncation

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

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

Typing Effect

A npm package 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
GitHub
github.com/mgrsskls/typing-effect
npm
npmjs.com/package/typing-effect

Music Earth

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

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

Animals

Just a bit of playing around with HTML and CSS :)

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