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.

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