MetraNode
No-code widget builder with 8 widget types, brand kit syncing, and one-click embed deployment — built for teams that need consistent, on-brand embedded tools.
Visual References
Screenshots and project visuals from the public project asset folder.
Problem
Make a sales-facing platform usable for non-technical operators.
Build
8 embeddable widget types (Clock, Weather, Countdown, Counter, and more)
Outcome
No-code widget builder with live preview and branded HTML embed export.
Sales Value
When selling SaaS platforms, no-code tools, or embeddable widget systems, I can discuss customization and implementation tradeoffs with fewer unnecessary handoff delays because I built this widget platform. I understand real-time preview systems, brand customization, and HTML export workflows — so I can ask better technical discovery questions before the right specialist joins.
Tech Stack
Highlights
- •8 embeddable widget types (Clock, Weather, Countdown, Counter, and more)
- •Dual-target rendering — one config schema drives both the React preview and a standalone export
- •2,128-line export subsystem across 8 generators, ~12% of the codebase
- •Brand Kit system — colors, fonts, and identity auto-synced across all widgets
- •ColorThief integration for automatic palette extraction from brand assets
- •Keyless weather API chosen so exported widgets carry no credential
Related Projects
Other builds sharing this project’s category or stack.
STR Command Center
Operational CRM prototype modelling a small business across 18 routes.
Education PlatformFL Studio Master Hub
Searchable plugin database, workflow chains, and AI assistant for FL Studio producers.
Personal Brand PlatformJaZeR Website
JAMstack personal brand site with headless CMS, SSR, and type-safe content models.