20 مستودعات
Methods for defining and scaling graphical shapes mathematically to maintain quality at any resolution.
Explore 20 awesome GitHub repositories matching graphics & multimedia · Vector-Based Path Rendering. Refine with filters or upvote what's useful.
This project provides a comprehensive collection of standardized vector symbols designed to maintain a unified visual language across mobile and web-based user interfaces. It serves as a cross-platform resource for developers and designers to implement a consistent iconographic identity within digital products. The library distinguishes itself through the use of variable font technology, which allows for the dynamic adjustment of icon weight, grade, and optical size directly through style sheet properties. By leveraging native font rendering engines and CSS class-based styling, the collection
Define graphical shapes mathematically to allow infinite scaling without quality loss on any display.
lottie-ios is a vector graphics engine and animation framework for iOS that renders animations exported from After Effects as native visual elements. It functions as a renderer that converts animation data into high-fidelity native shapes to maintain small file sizes on mobile devices. The framework provides tools for managing playback, looping, and real-time property updates. It allows for the modification of colors, positions, and keyframe properties of active animations to respond to application state changes. The system parses JSON-based animation data and maps keyframes to native layers
Translates animation keyframes into native Core Animation layers for hardware-accelerated drawing and smooth motion.
Heroicons is a collection of hand-crafted, scalable vector icons designed for use in web interfaces and digital product design systems. These graphical symbols are provided as a library of vector assets that integrate directly into user interface code to support visual communication and navigation. The icons are defined as vector paths, allowing them to be embedded directly into the document object model. This approach enables the use of standard style rules to control appearance properties such as color and stroke width, ensuring visual consistency across different parts of an application.
Defines graphical shapes using coordinate-based path data for resolution-independent rendering.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Switches nodes from view-based to layer-based rendering to reduce overhead for non-interactive components.
Rnote is a vector-based note-taking and drawing application designed for capturing handwritten input. It functions as a digital workspace that records stylus pressure and movement to create sketches and notes, storing them as mathematical paths rather than pixels to allow for infinite scaling and non-destructive editing. The application provides a flexible canvas environment that supports infinite scrolling and various page layouts. Users can organize their work using a layer-based system, which allows for the independent manipulation and ordering of individual strokes, shapes, and background
Stores handwritten input as mathematical paths rather than pixels to allow for infinite scaling and non-destructive editing.
pdfkit is a JavaScript PDF generation library used to programmatically create binary PDF documents in Node.js and browser environments. It functions as a vector graphics engine for rendering paths, shapes, gradients, and tiling patterns, and as a tool for producing rich text and tagged documents that follow international accessibility standards for screen reader compatibility. The library includes a security and encryption utility for applying document encryption and restricting user permissions regarding printing, copying, or editing. It also serves as a form and annotation tool, enabling th
Implements a vector-based rendering pipeline for drawing shapes and paths using a coordinate system.
Pencil هي بيئة تصميم عبر الأنظمة الأساسية وتطبيق رسم متجه يستخدم لنماذج واجهة المستخدم الأولية والرسوم البيانية. يوفر محرراً قائماً على اللوحة لإنشاء نماذج واجهة مستخدم تفاعلية، ورسوم بيانية لهندسة النظام، وتمثيلات مرئية قابلة للتوسع للتدفقات التقنية. تعمل الأداة كمحرر رسومات متجهية يعرض الأشكال كمسارات رياضية لضمان القابلية للتوسع عبر دقة مختلفة. وهي تتضمن محرك تخطيط لتصدير PDF مصمم خصيصاً لتحويل التصاميم المرئية القائمة على الشاشة إلى مستندات ذات تخطيط ثابت للطباعة والتوزيع المادي. تغطي المنصة سطح تصميم واسع بما في ذلك نماذج واجهة المستخدم المرئية، ورسوم هندسة النظام البيانية، وإنشاء وثائق جاهزة للطباعة. وهي تدير تخطيطات المشاريع المعقدة من خلال نظام تنظيم صفحات هرمي وتدعم استخدام طباعة مخصصة مضمنة للحفاظ على الاتساق البصري.
Renders shapes and UI components as mathematical paths to ensure scalability and crispness during export.
AVLoadingIndicatorView is a reusable iOS user interface component designed to display background processing states. It specializes in rendering high-quality video files and scalable vector graphics to serve as activity indicators. The project distinguishes itself by using video content as the primary visual for loading animations instead of standard system spinning animations. It utilizes vector drawing and coordinate transformations to maintain visual sharpness and scaling across different screen resolutions. The component covers animation visibility control, state transitions, and the visu
Uses vector-based path rendering to ensure loading indicators remain sharp across all screen resolutions.
This project is a cross-platform mobile development course and educational guide focused on building functional applications from a single codebase. It serves as a structured tutorial and textbook for learning the Flutter framework and the Dart programming language. The curriculum covers the full spectrum of mobile development, from basic UI construction and widget-based layouts to advanced architectural patterns for maintainability and scale. It provides instructional content on implementing business logic, networking, and native plugin integrations. The learning path emphasizes practical a
Explains the rendering pipeline that maps UI elements to hardware-accelerated native OS layers.
This project is a cross-platform UI framework and native desktop GUI library. It provides a unified set of instructions to render native windows, forms, and layouts across different operating systems by mapping high-level instructions to the native widgets and controls of the host environment. The toolkit includes a vector graphics engine for rendering custom shapes, gradients, and high-density images using brushes and matrices. It also serves as a native dialog provider for system-level operations such as file path selection and message box alerts. The library covers a broad range of GUI co
Provides a vector rendering pipeline for drawing geometric paths and shapes that maintain quality at any resolution.
Monoid هو خط برمجي أحادي المسافة (monospaced) مصمم لقراءة عالية في محررات الكود والطرفيات. هو خط بميزات OpenType محسن لقراءة وكتابة كود المصدر، ويوفر عرضاً واضحاً عند الأحجام الصغيرة. يستخدم الخط إعدادات ميزات OpenType لتوفير بدائل أسلوبية ومظاهر رموز قابلة للتخصيص. ينفذ بشكل خاص روابط برمجية (ligatures) تجمع بين رموز البرمجة والمشغلات الشائعة في رموز واحدة لتحسين القراءة. يغطي المشروع عرض النصوص أحادية المسافة وتخصيص الرموز الأسلوبية، مما يسمح بتبديل الأحرف القياسية من خلال تعيين ميزات الخط والعرض القائم على المتجهات.
Employs vector-based path rendering to ensure typographic shapes remain crisp across different display scales.
react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans
Organizes shapes into separate canvas elements to prevent static backgrounds from re-rendering.
Redacted-Font هي مجموعة من الخطوط المتخصصة وملفات الخطوط المصممة لعرض النص كأشرطة تنقيح صلبة. تعمل كخط نائب للإطار السلكي يخفي محتوى النص مع الحفاظ على التخطيط والتباعد الأصليين. يوفر المشروع ملفات خطوط متوافقة مع كل من أنظمة التشغيل المحلية ومشاريع الويب. يتيح ذلك إخفاء النص داخل برامج التصميم المكتبي وتضمين أنماط التنقيح في بيئات الويب عبر مجموعات font-face. تُستخدم هذه الخطوط للنماذج الأولية لتخطيط واجهة المستخدم وإخفاء محتوى الإطار السلكي لتحويل التركيز من نص محدد إلى الهيكل البصري العام. يستخدم النظام تعريفات خطوط تعتمد على المتجهات وتعيين unicode لضمان استبدال الأحرف بأشرطة قياس عبر دقات وشاشات مختلفة.
Defines redaction bars as mathematical vector paths to ensure sharpness across all resolutions.
Tensorspace هو إطار عمل تصور ثلاثي الأبعاد قائم على WebGL ومُصيّر مصمم لرسم خرائط بنى نماذج التعلم العميق وبيانات الموتر في مساحات ثلاثية الأبعاد تفاعلية. يعمل كمصور لبنية الشبكة العصبية ومفتش للنماذج، مما يسمح للمستخدمين بتصيير طوبولوجيا النموذج وتحليل تدفق البيانات داخل متصفح الويب. يتميز المشروع بقدرته على تحويل نماذج Keras و TensorFlow المدربة مسبقاً إلى تمثيلات مكانية. يندمج مع TensorFlow.js لتنفيذ الاستدلال في المتصفح، مما يتيح التصور في الوقت الفعلي للتنشيطات الوسيطة، والتمريرات الأمامية، وبيانات الموتر الداخلية. يوفر إطار العمل أوليات تصيير واسعة للطبقات أحادية وثنائية الأبعاد، بما في ذلك الالتفافات، والتجميع، والطبقات الكثيفة، وعمليات دمج الموتر المختلفة. يغطي مساحة واسعة من القدرات بما في ذلك رسم خرائط طوبولوجيا النموذج، ورسوم متحركة لحالة الطبقة، وتصور مخرجات النماذج التوليدية وشبكات اكتشاف الكائنات. يتضمن النظام أدوات لتحويل تنسيق النموذج لاستيراد البنى الموجودة ولوحة تتبع الأداء لمراقبة صحة النظام ومعدلات الإطارات أثناء التصيير.
Renders a merged layer representing the average operation of multiple input tensors.
Lottie هو محرك رسوم متحركة متجهية JSON ومشغل متعدد المنصات يعرض رسومات متحركة مستقلة عن الدقة. يعمل كمشغل وقت تشغيل يترجم تركيبات Adobe After Effects إلى رسوم متحركة في الوقت الفعلي باستخدام تمثيل وسيط قائم على JSON. يتميز المشروع بتمكين التحكم الديناميكي في أصول المتجهات في وقت التشغيل. يسمح بالتعديل البرمجي لخصائص الرسوم المتحركة، والألوان، وحالات التشغيل من خلال مسارات المفاتيح الهرمية والسمات الديناميكية. يتيح ذلك للرسوم المتحركة الاستجابة لتغييرات حالة التطبيق في الوقت الفعلي وإيماءات المستخدم. يغطي المحرك مجموعة واسعة من القدرات، بما في ذلك العرض المسرع بالأجهزة والتخزين المؤقت للنماذج للأداء العالي. يوفر تحكمًا شاملاً في التشغيل للبحث في الإطارات، وتكرار المقاطع، وتشغيل الأحداث، إلى جانب نظام عرض يدعم كاميرات ثلاثية الأبعاد، وتشكيل الأشكال، وتوليد المتجهات الإجرائي. تتم إدارة الأصول من خلال استيراد البيانات متعدد المصادر، ودعم الحزم المحلية، وعناوين URL للشبكة، وتنسيقات ملفات المتجهات المختلفة.
Updates only the specific layers affected by property changes each frame to maintain high performance.
SVGKit هو إطار عمل رسومي لأنظمة iOS وmacOS مصمم لعرض رسومات متجهة قابلة للتوسع (SVG) عالية الأداء. يعمل كمكتبة تستخدم تسريع العتاد الأصلي لعرض الرسوم المتجهة والتفاعل معها على منصات Apple. يوفر المشروع واجهة برمجية لتحرير عناصر المتجهات وكتابة الملفات المحدثة على القرص. كما يتضمن أدوات لتحويل الرسوم المتجهة إلى تنسيقات صور نقطية (rasterized bitmap) لاستخدامها في عارضات الصور القياسية. يتولى إطار العمل ترجمة المستندات القائمة على XML إلى تسلسل هرمي من الطبقات المسرعة بواسطة العتاد. تتضمن هذه العملية تحليل هيكل XML، وتعيين مساحات الإحداثيات، وتحويل مسارات المتجهات إلى بدائيات هندسية أصلية.
Translates SVG elements into a hierarchy of native hardware-accelerated CoreAnimation layers for high-performance rendering.
Victor Mono is a monospaced programming font designed for code editors, focusing on legibility and character distinction. It is characterized by the inclusion of programming ligatures that combine multi-character symbols into single glyphs. The typeface features cursive italics with semi-connected strokes to visually separate comments and keywords from standard code. It also provides customizable glyph stylistics, allowing for alternative shapes for specific characters such as zeros and sevens.
Defines character forms using mathematical vector paths to maintain crisp edges at any resolution.
This project is an iOS snapshot testing framework designed to verify the visual consistency of user interface components. It functions as a utility for automated regression testing, ensuring that interface layouts and styling remain stable by comparing rendered view snapshots against pre-recorded reference images. The framework integrates directly with the native testing environment to automate the validation process during the build cycle. By capturing the visual state of a view hierarchy and performing a pixel-level comparison against stored ground truth images, it identifies unintended cha
Renders view layers into bitmap contexts to facilitate pixel-level visual comparison.
Flat Color Icons هي مكتبة شاملة من الرسومات المتجهة القابلة للتوسع والرسوم التوضيحية ذات النمط المسطح المصممة للحفاظ على الاتساق المرئي عبر المنصات الرقمية والمطبوعة. توفر المجموعة رموزاً وأيقونات عالية الجودة بتنسيقات قياسية، مما يمكن المطورين والمصممين من دمج أصول مرئية احترافية في واجهات الويب، والجوال، وسطح المكتب. يتميز المشروع بتقديم مجموعة واسعة من قدرات التخصيص والتكامل، بما في ذلك محرر عبر الإنترنت لتعديل الألوان وإعادة ترتيب المكونات الرسومية. ويدعم سير العمل الديناميكي من خلال استرجاع الأصول المستند إلى URL والمعالجة جانب الخادم، مما يسمح بتوليد أيقونات فريدة وصور نقطية عند الطلب دون الحاجة إلى تخزين ملفات محلي. بعيداً عن الأصول الثابتة، يشمل المستودع رسومات متحركة وتغذية راجعة مرئية تفاعلية، ويوفر موارد بتنسيقات متوافقة مع مكتبات الرسوم المتحركة الحديثة. يتم توزيع المجموعة بموجب شروط ترخيص مسموحة، مما يبسط الامتثال القانوني للمشاريع الإبداعية الشخصية والتجارية.
Uses mathematical paths to ensure graphics remain sharp and pixel-perfect at any display size.
React Native Gifted Charts is a mobile-first data visualization framework designed for building interactive and animated graphical representations within React Native applications. It functions as a declarative component library that enables developers to render complex datasets through a variety of visual formats, including bar, line, area, pie, and scatter plots. The library distinguishes itself through a native-driven rendering engine that utilizes vector graphics primitives to draw shapes and paths directly on the screen. It supports sophisticated visual configurations such as gradients,
Utilizes native-backed vector graphics primitives to draw shapes and paths directly on the screen for high-performance rendering.