React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

The Fediverse is so cool because of the diversity of the different software. In the last weeks, I did build a (completely?) new one. The Menuverse consists of two software: 1) create daily changing dishes like in a canteen, and 2) can aggregate different of this actors in a marketplace. The working title for this is Menuverse.
Every canteen is Fediverse actor and not only can these marketplaces subscribe to this, but also other softwares like Mastodon, Misskey and so on.
I created a demo setup with live data from different university canteens here:
https://mahlzeitheute.de/ This is the marketplace software)
(The data and frontend is currently only in German).
You can also visit or follow the nearest canteen to me here: @fl-ca1.

You can find the full software here: https://codeberg.org/54GradSoftware/menuverse
But please note that this still quite experimental and I would not advise running in production (unsupervised).

I would love to get (technical) feedback, and I'm looking for real canteens who would like to test the software.

More information in the next posts (this is a thread). [1/4]

#fep0837 #FediverseDevs #fediverse

Introducing the MAN Protocol ($MAN): An uncheatable, perfectly equal economic network for humanity. 🌍

I have spent years designing an open-source economic experiment built to permanently address the global wealth gap and hyperinflation. Today, the core architecture is officially live.

🔗 Read the complete blueprint: https://github.com/El-Eye-Jah-7/man-protocol

Feel free to challenge any thoughts on this and I'll be happy to resolve your doubts.

Join in and let's get started.

(1/4) #OpenSource #Crypto #Web3 #UBI #MANProtocol #FediverseDevs

Day 5 design-tips wrap-up.

We ship dual-surface SaaS dashboards — dark for sessions, light for reads, design tokens for both. Five-year-old apps with magic-number CSS are why this matters.

Portfolio: risesitelab.com/#portfolio

GrowthSite Lab.

#WebDev #DesignSystems #FediverseDevs

Dark mode looks cool. Light mode reads. In premium SaaS you ship both.

Default by context — not trend. Session-heavy apps default dark. Read-heavy default light. Respect prefers-color-scheme on first visit. Persist the user's choice forever after they toggle.

WCAG 4.5:1 on body text — both palettes — is non-negotiable. Design tokens, never magic numbers; light + dark are two themes of the same color tree.

GrowthSite Lab.

#WebDev #UIUX #DesignSystems #A11y #FediverseDevs

Premium tech brands rarely use more than two typefaces. Clean contrast wins trust.

Five pairs we ship in 2026: Satoshi + Inter (clean modern SaaS) · Neue Haas Grotesk + Space Grotesk (Swiss editorial) · Cormorant + Inter (luxury aesthetic) · Obviously + General Sans (confident startup) · Tiempos + Söhne (editorial premium).

Cap the weight ladder at three (200/400/700). Mid-weights read muddy at small sizes.

GrowthSite Lab.

#Typography #WebDev #UIUX #BrandIdentity #FediverseDevs

Premium tech brands rarely use more than two typefaces. Clean contrast wins trust.

Five pairs we ship in 2026: Satoshi + Inter (clean modern SaaS) · Neue Haas Grotesk + Space Grotesk (Swiss editorial) · Cormorant + Inter (luxury aesthetic) · Obviously + General Sans (confident startup) · Tiempos + Söhne (editorial premium).

Cap the weight ladder at three (200/400/700). Mid-weights read muddy at small sizes.

GrowthSite Lab.

#Typography #WebDev #UIUX #BrandIdentity #FediverseDevs

Micro-interactions aren't decoration — they're feedback. Tiny animations answering: 'Was my click registered?', 'Is my work safe?', 'Where am I going?'.

Premium product feel comes from how the surface responds, not how it looks at rest. 120ms hover, 200ms transition, zero layout shift, skeleton over spinner, reduced-motion honored.

GrowthSite Lab.

#WebDev #UIUX #FramerMotion #ProductDesign #FediverseDevs