FoundationThe technical foundation behind Nad’s frontend ecosystem.

@micazoyolli/foundation · SCSS tokens, TypeScript helpers, DOM primitives, accessibility and SEO/build utilities for real projects.

Get Started

Read the docs

Small

Only foundations proven in real projects. No abstractions just in case.

Agnostic

Works with React, Vue, Angular, Astro, Vite, Next.js and Node scripts depending on the helper.

Accessible

DOM primitives for focus, Escape, scroll lock and selective protected media.

Build-ready

Canonical URLs, sitemaps, HTML metadata and static route output without knowing your brand.

@micazoyolli/foundation

What Foundation is

@micazoyolli/foundation is the shared base for building the ecosystem with one technical philosophy: small pieces, no brand assumptions and APIs extracted from real needs.

bash

yarn add @micazoyolli/foundation

import { cx, getCanonicalUrl, lockBodyScroll } from '@micazoyolli/foundation';

scss

@use '@micazoyolli/foundation/scss' as foundation;

Current version

0.4.1

NPM

npmjs.com/package/@micazoyolli/foundation

License

MIT

Compatibility

SCSS, browser and Node scripts depending on the helper.

GitHub

github.com/micazoyolli/foundation

This is how the ecosystem is built

Foundation is part of Nad’s technical ecosystem. It does not compete with each brand or interface: it supports the repeatable layer so every project can focus on identity, content and experience.