Marcello N
banner
marcellonov.bsky.social
Marcello N
@marcellonov.bsky.social
Web developer | Freelancer
https://marcellonovelli.com
🎨 We’re hiring a Senior Visual Designer at Xata.io

Help shape our visual brand across web, launches, and developer-facing content in a remote, Series A team building the modern Postgres platform.
If this sounds like you, or you know someone, feel free to reach out to me directly.

👉 xata.io/careers
Xata – Test and code faster with real data
Instant branches of your Postgres with anonymized production data. No more slow, expensive staging replicas. Ship faster with confidence.
Xata.io
January 14, 2026 at 10:00 AM
Recently added to commerce-ui these open-source banner components. They can be copy-pasted, like shadcn/ui.

Site: ui.stackzero.co/docs/blocks/...
Repo: github.com/stackzero-la...

#tailwindcss #commerce-ui
July 1, 2025 at 9:54 AM
My latest tutorial is online. This is based on the mcp server template I shared earlier. Check it out dev.to/mnove/how-to...

#mcp #ai
How to build a MCP (model context protocol) server for UI libraries + repo
Introduction The Model Context Protocol (MCP) represents a paradigm shift in how AI...
dev.to
June 26, 2025 at 1:15 PM
Just added an MCP (model context protocol) server starter to my github. If you are interested, feel free to check it out and fork it github.com/mnove/mcp-se....

This is largely based on another UI project I recently developed (ui.stackzero.co)

#mcp #ui #ai
GitHub - mnove/mcp-server-starter: MCP (model context protocol) starter server. For UI libraries, APIs, open-source projects and more
MCP (model context protocol) starter server. For UI libraries, APIs, open-source projects and more - mnove/mcp-server-starter
github.com
June 25, 2025 at 3:38 PM
I just wrote this tutorial as I was struggling with GraphQL errors for one of my projects. dev.to/mnove/better...
Better GraphQL Error Handling with Typed Union Responses
Unlike traditional REST APIs that leverage HTTP status codes (404 for not found, 400 for validation...
dev.to
June 16, 2025 at 7:27 PM
Hey! Just open-sourced this nodejs full-stack template. It uses shadcn/ui, react 19, graphql, fastify, docker and much more.

I'll add more features (and better docs) in the next few days 🧑‍💻

Feel free to check it out or fork at github.com/mnove/monore...

#react #templates #fullstack
GitHub - mnove/monorepo-starter-graphql: Full-stack monorepo starter. Built with Fastify, Prisma, better-auth, graphql, graphql-yoga, vitejs, shadcn/ui, docker and much more
Full-stack monorepo starter. Built with Fastify, Prisma, better-auth, graphql, graphql-yoga, vitejs, shadcn/ui, docker and much more - mnove/monorepo-starter-graphql
github.com
June 11, 2025 at 10:07 AM
Update #003

✅ Created component previews and CLI installations
🔹 Components can be showcased as markdown pages
🔹 Components can be installed with CLI commands (auto magically)
🔹 Also created the first UI component, a classic Star Rating component ⭐⭐⭐⭐⭐

#BuildInPublic #commerce-ui #tailwindcss
February 11, 2025 at 9:10 PM
Why after so many years building UIs, creating a good Sidebar is soo difficult,😭??

You tweak spacing, struggle with responsiveness, rethink navigation, and somehow... it still feels off. The UI work is never just ‘adding a sidebar’—it’s a battle!
February 9, 2025 at 7:49 PM
Update #002

✅ Chose Fumadocs for the docu framework. Why?
🔹 Uses Next.js App Router
🔹 Tailwindcss V4 ready
🔹 Easy to customize components (even includes a shadcn-like CLI)
🔹 Pretty awesome sidebar/nav UI out of the box

FYI fumadocs.vercel.app
#BuildInPublic #commerce-ui #fumadocs #tailwindcss
Organizing Pages | Fumadocs
Organize documents with file-system based routing
fumadocs.vercel.app
February 9, 2025 at 4:13 PM
Update #001

✅ E-commerce UI Library Requirements:

🔹 Covers all essential e-commerce components (product cards, reviews, etc.)
🔹 Fully copy-paste ready, just like @shadcn/ui
🔹 Built with Tailwind CSS v4.0, Radix Primitives & Shadcn/ui
🔹 Something else?

#BuildInPublic #commerce-ui
February 7, 2025 at 3:31 PM
🚀 Kicking off a new UI project!

I'm building a component library inspired by @shadcn/ui—designed specifically for e-commerce UIs & apps. 🛒✨

It'll be built in public, so I'll share progress, challenges, & insights along the way. Stay tuned! 🔥

#buildinpublic #ecommerce #react #tailwindcss
February 7, 2025 at 2:53 PM
I had a collection of Pricing Page layouts lying around. So I decided to make them open source. 🧑‍💻

Built with Tailwind CSS and shadcn/ui.

I'll add more in the coming days!

Docs: pricing-pages-collection.vercel.app

#shadcnui #tailwindcss #opensource
Pricing Pages Collection
A collection of pricing pages built with tailwindcss. Ready to be copied and pasted into your project.
pricing-pages-collection.vercel.app
December 4, 2024 at 1:30 PM
I just tried @number-flow/react on my template's pricing page. I already love it! 😍
December 2, 2024 at 7:49 PM
Just discovered this React library for number transitions 🤯 Just tried it, and it looks cool! I'll test on the Vitejs dashboard I am building.

number-flow.barvian.me
NumberFlow for React - Transition and format numbers
A component to transition & format numbers. Dependency-free. Built on web standards. Accessible. Customizable.
number-flow.barvian.me
November 27, 2024 at 3:06 PM
I am creating an open-source NextJS landing page template.
Here's a quick preview of the hero section/navbar.

I'll share the repo once finished. 🤞
November 26, 2024 at 7:39 PM