NebulaWind
NebulaWindNebulaWind
NebulaWind

NebulaWind

Clean-room starter built from scratch. Next steps: i18n (EN/AR), contact form, and more widgets/templates.

Design System

Tokens + theming as first-class citizens.

Production Quality

Lint, typecheck, tests, e2e, and Lighthouse CI (in GitHub Actions).

Inspired by AstroWind (attribution-only; no code/assets reused).

Widgets (Phase 2.2)

Advanced patterns: Accordion, Tabs, and Modal dialog (A11y-friendly defaults).

Accordion

What is NebulaWind?

A clean-room Astro starter with design system, content layer, local search, and quality gates.

What comes next?
  • More widgets
  • Docs & content patterns
  • Quality gates hardening

Tabs

Tokens + primitives + widgets.

Check/Lint/Build/LHCI gates.

Local search via Pagefind.

Modal

NebulaWind Dialog

This modal uses the native <dialog> element with safe defaults.

You can close it via backdrop click or the close button.

This section is a live demo wired in Kaggle. It uses primitives (Box/Stack) and components (Text/Heading/Button/Link).

Quick links: Search ยท RSS

Widgets

Alert / Badge / Card

Info alert example.

accent success warning danger