iiinova — where your digital self keeps evolving

50BytesOfJohn @50bytesofjohn.bsky.social · 30/07/2026

Hanoki's split view, dnd and tabs experience is just amazing. I'm really proud of it. God, it's really good.

50BytesOfJohn @50bytesofjohn.bsky.social · 29/07/2026

Empty tabs used to say “Open a chat from the sidebar.” Now you land on a proper new tab page: recent chats, New chat, Search (⌘K), and a drop target if you drag from the sidebar. Pick up where you left off — without hunting the tree first.

100

50BytesOfJohn @50bytesofjohn.bsky.social · 19/07/2026

New in Hanoki - Vertical and Horizontal tabs! Pick the one you like via settings. Either a classic top bar tabs, or sidebar tabs for people who love it. Everything works nicely with most common shortcuts for navigation! And it looks beautiful! 🖤

000

50BytesOfJohn @50bytesofjohn.bsky.social · 16/07/2026

Oh Yeah. Can't believe I ended up with this design after so many iterations and styles. Now it's more a piece of art than website and web app. I know that there are some things to improve, it's still WIP, but it's pretty cool WIP.

000

50BytesOfJohn @50bytesofjohn.bsky.social · 14/11/2025

p-retry + modern-errors = perfect combo 🃏

100

50BytesOfJohn @50bytesofjohn.bsky.social · 08/11/2025

Tracking AI costs across the app 🧡

000

50BytesOfJohn @50bytesofjohn.bsky.social · 04/11/2025

AI SDK + VoyageAI + logtape + p-retry Simple & Beautiful 💕

011

50BytesOfJohn @50bytesofjohn.bsky.social · 30/09/2025

John's Design Inspirations #1 AI Chat prompt, liquid glass, Geist font, dark mode. Made in Figma.

000

50BytesOfJohn @50bytesofjohn.bsky.social · 04/09/2025

Use models from Venice for more privacy! And remember to try the story mode, it's super cool 👾

000

50BytesOfJohn @50bytesofjohn.bsky.social · 03/09/2025

You can now set Your persona while role-playing, just go to chat settings, enable it, and customize 👾

000

50BytesOfJohn @50bytesofjohn.bsky.social · 03/09/2025

User Grok 3 Mini model for chatting!

000

50BytesOfJohn @50bytesofjohn.bsky.social · 12/06/2025

Tool calls -> ✅ Tool results -> 🏗️

000

50BytesOfJohn @50bytesofjohn.bsky.social · 31/05/2025

Good evening, fellow craftsmen. Tonight I present a small milestone: Chat Branches WIP—conversational architecture taking shape. adjusts monocle 🎩✨ #TechDevelopment

020

50BytesOfJohn @50bytesofjohn.bsky.social · 11/05/2025

ℹ When generating numerous records in a database, utilize a ULID generator to avoid potential conflicts.

000

50BytesOfJohn @50bytesofjohn.bsky.social · 10/05/2025

Hello everyone! 👋 I'm designing the workspaces feature for the Mynth app. Here's a sneak peek—name your workspace and choose a color! 🌈 What extra features would you like? Share your ideas! 😊

000

50BytesOfJohn @50bytesofjohn.bsky.social · 05/04/2025

Hey, wanna dock your prompt or let it float? Totally up to you—make this AI chat vibe your own!

100

50BytesOfJohn @50bytesofjohn.bsky.social · 03/04/2025

Never use those macOS window controls anyway, so I added a little 'hide' magic to my AI app. Cleaner look, happier me—hope you love it too! 😁

010

50BytesOfJohn @50bytesofjohn.bsky.social · 29/03/2025

First working version! AI responses with markdown formatting are in. App stack: @tauri.app + @solidjs.com + @tanstack.com query AI Response: ollama -> llama3.2:1b Still early and a lot of things hardcoded, etc. but finally some action. Here’s a quick look:

030

50BytesOfJohn @50bytesofjohn.bsky.social · 27/03/2025

Just some tiny amount of data to test the app

000

50BytesOfJohn @50bytesofjohn.bsky.social · 24/03/2025

This is how I pass icons into a component with @solidjs.com and @unocss.dev Super easy to style, and I actually love this approach! 😊

010

50BytesOfJohn @50bytesofjohn.bsky.social · 21/03/2025

I need to fix some colors and other stuff, but I really like this dialog design

010

50BytesOfJohn @50bytesofjohn.bsky.social · 21/03/2025

Evening. Coffee. Good music. Some design work done. ☕🎶 The model switch modal is coming together.

000

50BytesOfJohn @50bytesofjohn.bsky.social · 21/03/2025

Model card with provider name and capabilities

000

50BytesOfJohn @50bytesofjohn.bsky.social · 18/03/2025

Work in progress: designing the model switcher for my AI chat app on macOS. Aiming for a smooth, fast experience when switching between providers. Still refining the UI—feedback welcome! 🚀

110

50BytesOfJohn @50bytesofjohn.bsky.social · 02/03/2025

Started using @unocss.dev with the icons preset and VSCode plugin, which converts icon class names to actual icons 🤯💜

010

50BytesOfJohn @50bytesofjohn.bsky.social · 02/01/2025

Tauri V2 + SolidJS native context menu

010

50BytesOfJohn @50bytesofjohn.bsky.social · 31/12/2024

Today with my GF we were brainstorming the ideas for sidebar design in mynth app 🧠😝

000

50BytesOfJohn @50bytesofjohn.bsky.social · 29/12/2024

Today another nice progress and few things completed! ✅ Renaming chats in tree ✅ Saving the opened folders and restoring them on app load ✅ Some work done on tabs system Thanks to Ark UI for awesome editable component ❤️ Check them out!

011

50BytesOfJohn @50bytesofjohn.bsky.social · 28/12/2024

Finally some more time on app itself 😎. Today working on sidebar and tree structure for chats and folders. You can see it working right now. Need more styling and code cleanup but works pretty well. Tech: @solidjs.com, @tauri.app, sqlx (rust), xstate/store, immerjs, phosphor icons

020

50BytesOfJohn @50bytesofjohn.bsky.social · 22/12/2024

Concept design: Commands in Mynth app 💡💻. Keep your fingers on the keyboard to quickly switch models, search chats, and much more. 🚀 Imagine productivity at your fingertips!

000

50BytesOfJohn @50bytesofjohn.bsky.social · 21/12/2024

Starting a new chat with a different model? 🤖 Switching between AI models often? 🔄 Mynth's sidebar will have a dedicated section for models! 🎛️ And yes, you can hide it if you'd like. 🫣✨

010

50BytesOfJohn @50bytesofjohn.bsky.social · 20/12/2024

The design for folder/chat settings page 😍. I don't know about you, but... I just love it! 🤩

010

50BytesOfJohn @50bytesofjohn.bsky.social · 19/12/2024

Doing more and more research about what I want to achieve and what are users needs forces some design changes in the app. I'm excited to continue working on the design, as well as mynth app features to make it best ai app for macos

010

50BytesOfJohn @50bytesofjohn.bsky.social · 11/12/2024

Yeah, I switched from Figma to @penpot.bsky.social, to continue designing mynth app

000

50BytesOfJohn @50bytesofjohn.bsky.social · 04/12/2024

mynth AI app -> AI integrations page design 🫣 #AppDevelopment #MynthApp

Work In Progress - Figma design for integrations page in mynth app

010

50BytesOfJohn @50bytesofjohn.bsky.social · 29/11/2024

That's the mynth app concept - local AI client for MacOS. App is in development and first beta version to be released in next year. #AppDev

020

50BytesOfJohn @50bytesofjohn.bsky.social · 26/11/2024

Refreshed the mynth app design concept to feel more native. Top bar is already implemented in app #AppDevelopment

020