Tag

#web-components

229 posts37 followers

Explore Hashnode

Alternatives

Adimchi OkaOct 21 · 5 min read

Better Loading States for AI Apps

You click "Generate". The model starts working, and the UI shows a spinning circle. Ten seconds later it's still spinning. At thirty seconds you start to wonder whether the request died. The spinner c

design-engineering.hashnode.dev

CX ArtLabSep 9 · 3 min read

I built an avatar component for a Grok Bot-like AI app, then realized it could also work as a standalone open-source project

I’m working on a small AI project that’s somewhat similar in spirit to Grok Bot. One of the first things I needed was a character/avatar, so I started there. I ended up spending more time on the avata

cxlab.hashnode.dev

Goldza Open SourceJul 29 · 3 min read

How to compare a South African gold offer with melt value in JavaScript

A gold offer is easier to evaluate when the calculation is visible. The useful question is not whether a quoted rand amount sounds large, but what percentage of the item's calculated metal value remai

goldza-open-source.hashnode.dev

VivekJul 11 · 7 min read

There's a hidden function call inside every html template you write.

You use template literals every single day. The backtick string with ${} holes in it: const name = "Vivek"; const greeting = `Hi ${name}, you have ${3} messages`; // "Hi Vivek, you have 3 messages" N

heyvivek.com

Homi ChoudhuryMay 6 · 12 min read

From Figma Screen to Production Code with LLMs and Figma MCP

Beyond Code Snippets In Part 1, we covered Code Connect — a way to show developers the right code snippet when they inspect a component in Figma. But there's a bigger question: can an LLM generate the

homi.hashnode.dev

Homi ChoudhuryMay 6 · 10 min read

Bridging Design and Code with Figma Code Connect

The Gap Between Design and Development Every design system team faces the same challenge: designers build beautiful, well-structured components in Figma, and developers implement them in code. But whe

homi.hashnode.dev

Likitha KattamudiApr 29 · 3 min read

Build Once, Use Everywhere: Creating Reusable UI Components with Lit & Storybook

🚀 Introduction Modern UI development often ties components to specific frameworks like React or Angular. This leads to duplicate development, inconsistent design, and increased maintenance effort. To

likithakattamudi.hashnode.dev

Alex MApr 28 · 6 min read

How to Build an Interactive 360° Product Viewer

TL;DR Learn how to build a 360-degree interactive product spinner using Cloud Images Toolkit (CIT) and Immersive Media Spots (IMS) Web Components. We will set up Cloudflare Images for CDN delivery, ma

rnd-pro.hashnode.dev

VivekApr 20 · 5 min read

🧱 I built a tiny (in size, not in power) full-stack framework for the AI era, I call it webjs.

I wanted to experiment building a full-stack web framework that was small enough for the AI to read end-to-end without needing an MCP. What if the source code, both my code and the framework's code (i

heyvivek.com

Gaurav VishwakarmaMar 27 · 8 min read

Optimizing Web Components for Seamless In-App Social Commerce Experiences in 2025

Social commerce is booming, especially within apps. Users today demand seamless shopping experiences without the friction of leaving their social feeds. Traditional development often leads to fragmented UIs and performance bottlenecks, hindering conv...

blogs.gaurav.one

Search Hashnode