Awesome GitHub RepositoriesCSS Grid & Table Patterns

css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with

react-datasheet هو مكون شبكة بيانات React ومحرر جدولي يوفر واجهة جدول بيانات تفاعلية. تم تصميمه لإدارة البيانات الجدولية مع دعم مدمج لتحرير الخلايا والتنقل عبر لوحة المفاتيح. يتميز المشروع بمرونته في العرض والهيكل، مما يسمح باستبدال عناصر الجدول القياسية بترميز مخصص مثل القوائم أو divs. يدعم عرض الخلايا المخصص من خلال نظام تعيين يستبدل الخلايا الافتراضية بمكونات متخصصة بناءً على بيانات تعريف الخلية. يغطي المكون قدرات واسعة لإدارة البيانات الجدولية، بما في ذلك تتبع حالة التعديلات، وحذف النطاقات، ولصق البيانات. كما يوفر عناصر تحكم لسلوك الخلية، مثل تحديد حالة القراءة فقط ودمج الأعمدة.

مكتبة pattern.css هي مكتبة لأنماط خلفيات CSS ومولد للقوام. توفر مجموعة من أنماط CSS الصرفة المستخدمة لإنشاء تصميمات هندسية وعضوية متكررة وزخرفية لخلفيات المواقع وواجهات المستخدم. يركز المشروع على توليد تأثيرات بصرية باستخدام خصائص CSS فقط، مما يلغي الحاجة إلى ملفات الصور. يعمل هذا النهج على تحسين الأصول عبر استبدال القوام المعتمد على الصور بالكود لتقليل أوقات تحميل الصفحة. تستخدم المكتبة تدرجات خطية وشعاعية، وتكديس الخلفيات، وأحجام الوحدات النسبية لإنتاج أشكال وقوام متكررة. كما توظف خصائص CSS المخصصة للسماح بتغيير سمات الألوان ديناميكياً عبر المستندات.

مكتبة pattern.css هي مكتبة لأنماط خلفيات CSS وإطار عمل للقوام الهندسي. توفر مجموعة من الأنماط المعتمدة على CSS فقط والمصممة لتوليد قوام متكرر مثل الشبكات، والنقاط، والخطوط لتنسيق خلفيات الصفحات الفارغة وعناصر واجهة المستخدم. يعمل المشروع كمجموعة خفيفة الوزن من الأنماط التي تنشئ أنماطاً بصرية دون استخدام صور أو أصول خارجية. يتم عرض هذه القوام باستخدام أوراق أنماط قياسية لرسم تصميمات هندسية مباشرة في المتصفح. يستفيد النظام من التدرجات الخطية والشعاعية، والتكديس المركب، والتبليط الأصلي للمتصفح لإنتاج هذه القوام. يمكن للمستخدمين تعديل مقياس النمط واللون من خلال مجموعة من متغيرات CSS على مستوى الجذر.