Coder Social home page Coder Social logo
Visit my link tree

Visit my website

Visit my Instagram

Hi, I’m Johann. I work somewhere in between development and design β€”
A JavaScript one-trick pony with an aesthetic sense.

Projects

My current focus is on the Nuxt and Vue development experience.

Multi-Framework

  • unlazy: πŸͺ§ Universal lazy loading library for placeholder images leveraging native browser APIs

Nuxt.js & Vue.js

  • @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
  • nuxt-api-party: πŸͺ… Securely connect to any API with a server proxy and dynamic composables
  • nuxt-prepare: 🦎 Run initialization steps at build time
  • nuxt-kql: 🫧 Kirby's Query Language API for Nuxt
  • nuxt-gtag: πŸ”Έ Google Tag integration for Nuxt β€” GA4 with consent management, Google Ads and more
  • vue-stickers: 🍦 One component, multiple fancy sticker variants
  • @byjohann/vue-i18n: 🌐 Lightweight internationalization plugin for Vue

Tooling

  • @unocss/cli: 🎨 The CLI for UnoCSS. A perfect fit for traditional backends.
  • pdfjs-serverless: πŸͺ­ Serverless build of PDF.js for Deno, workers, and other nodeless environments
  • kirbyup: πŸ†™ Official bundler for Kirby Panel plugins

Libraries

  • unpdf: πŸ“„ Utilities to work with PDFs in Node.js, browser and workers
  • tokenwise: πŸ“ GPT token estimation and context size utilities without a full tokenizer
  • apiverse: ✴️ Unified, pluggable API client management

Demos / Templates / App Starters

Kirby Plugins

Commercial

Open Source

  • ⭐️ kirby-content-translator: 🌐 Kirby Panel plugin to translate content at once with DeepL or other services
  • kirby-headless: 🦭 Kirby, but headless only – bearer token, Express-esque middlewares & more
  • kirby-algolia-docsearch: πŸ”¦ Index and search your Kirby site with Algolia DocSearch
  • kirby-serp-preview: πŸ” Kirby Panel plugin for search engine result page previews
  • kirby-punctuation-section: βœ’οΈ Insert punctuation marks into your text with a single click
  • kirbylog: πŸͺƒ Zero-dependency global kirbylog() helper for any content

Johann Schopplich's Projects

11th icon 11th

🧰 Generic Eleventy starterkit with an emphasis on hashing assets and SEO

animere icon animere

πŸƒ CSS-driven scroll-based animations

apiverse icon apiverse

✴️ Unified, pluggable API client management for ofetch, route building and typed OpenAPI clients

buldy icon buldy

🎈 Modern CSS framework distilled from the best of larger frameworks

duecss icon duecss

🧢 Minimal CSS framework built upon & extended by UnoCSS

hashup icon hashup

πŸ”’ CLI to hash your Kirby build assets

ionic-fork icon ionic-fork

Batteries-included, zero-config Ionic integration for Nuxt

kirby-hashed-assets icon kirby-hashed-assets

πŸ›· File name hashes support for css() and js() helpers. Without rewrite rules!

kirby-headless icon kirby-headless

🦭 Kirby, but headless only – bearer token, Express-esque middlewares & more

kirby-helpers icon kirby-helpers

🍬 Dotenv support, meta tag generation and more for Kirby CMS

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.