النقوش السعوديةSaudi Ornaments

مكتبة واحدة لنقوش المدارس السعودية: نجدي، حجازي، عسيري (القط)، السدو، حساوي (الجص)، والبشت الحساوي. كل شكل مرسوم بالكود من الصفر، بألوان بأدوار تتبدل دون مساس بالرسم. تُستعمل بـ JavaScript (SVG أو Canvas) أو بـ CSS وحده، ولكل فرع ملف CSS خاص في css/. اضغط أي بطاقة لنسخ معرّفها.

One library for Saudi schools: Najdi, Hijazi, Asiri (Al-Qatt), Sadu, Hasawi (stucco) and the Hasawi bisht. Every shape is drawn in code from scratch, with role-based colors you can swap. Use it from JavaScript (SVG or Canvas) or CSS alone; each branch also has its own file in css/. Click any card to copy its key.

الاستعمالUsage

<link rel="stylesheet" href="saudi.css">   <!-- or css/<branch>.css -->
<i class="sa-motif sa-najdi-sharafa"></i>                 <!-- unit · size: --sa-size -->
<div class="sa-band sa-najdi-b_shurafat"></div>              <!-- repeating band · --sa-band -->
<section class="sa-frame sa-najdi-f_bab">…</section>     <!-- any-size frame · --sa-frame -->
<div class="sa-tile sa-najdi-t_muthallathat"></div>              <!-- all-over pattern · --sa-tile -->
<i class="sa-motif sa-mono sa-najdi-sharafa"></i>         <!-- one color = currentColor -->

<script src="saudi.js"></script>      // or ../heritage.js (all families)
Heritage.svg('najdi/sharafa', { height: 80 })                  // SVG text
Heritage.paint(ctx, 'najdi/b_shurafat', { x, y, h: 40 })          // Canvas
Heritage.svg(Heritage.frame({ w: 400, h: 260, t: 40, side: Heritage.get('najdi/b_shurafat') }), { region: 'najdi/b_shurafat'.split('/')[0] })