15 مستودعات
Utilities for modifying the visual appearance of navigation links.
Distinct from Links: Distinct from Links: focuses on the visual styling of the link text rather than the navigation functionality.
Explore 15 awesome GitHub repositories matching user interface & experience · Link Styling. Refine with filters or upvote what's useful.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Applies specific attributes to navigation links that match the current URL, enabling automatic styling of active states via CSS.
xterm.js is a high-performance terminal emulator library designed for web applications. It provides a core rendering engine and a modular interface that allows developers to embed fully functional, interactive command-line interfaces directly into browser environments. By processing standard terminal data streams and managing internal buffer states, the library enables the creation of rich, text-based user interfaces that support standard terminal protocols. The project distinguishes itself through a highly extensible architecture that allows for deep customization of terminal behavior. Devel
Applies visual styling and custom indicators to detected links within the terminal output.
Vue.js Client-Side Router is a routing library that maps browser URLs to Vue.js components to enable the creation of single-page applications. It functions as a navigation engine that manages browser history and URL state to allow page transitions without full browser reloads. The system utilizes a nested route manager to render hierarchical views that match complex URL structures. It includes navigation guard middleware to intercept, validate, or redirect route transitions before components are rendered. A client-side history handler synchronizes application state with the browser URL using
Applies CSS classes to navigation links when their associated route is currently active.
This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she
Offers guidance on styling navigation links and list layouts.
Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ
Compares the current URL or component name against a target to style active navigation links.
This is a reference guide for GitHub Flavored Markdown syntax, focused on formatting README files and other repository documentation. It covers the full range of Markdown elements supported on GitHub, including tables with column alignment, images, hyperlinks, emoji shortcodes, inline code, and badges from external services. The guide explains how to create structured content such as alert blocks with NOTE, TIP, WARNING, and CAUTION labels, as well as diff blocks that highlight added and removed lines. It also covers centering content on the page and using reference-style links for reusable l
Explains how to define reusable link references that can be used multiple times within a document.
3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within
Controls width, color, opacity, curvature, and visibility of each graph edge based on data attributes.
Displays a URL link inside a styled container that navigates to an external site or an internal app page when clicked.
Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels. The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips
Automatically toggles an active state on navigation items based on the current route.
ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.
Automatically highlights navigation menu items by matching the current URL to the associated action.
هذا المشروع عبارة عن معيار مواصفات markdown رسمي يوفر تعريفاً مفصلاً لبناء جملة الترميز ومجموعة نهائية من القواعد لتحليل النص العادي إلى مخرجات HTML متسقة. يضع قواعد نحوية موحدة للكتل الهيكلية والعناصر المضمنة لضمان عرض موحد عبر تطبيقات برمجية مختلفة. يتم دعم المواصفات من خلال مجموعة مطابقة المحلل وتنفيذ مرجعي في C وJavaScript للتحقق من أن التطبيقات تلتزم بالمعيار. يتضمن نظاماً للتحقق من التنفيذ يقارن سلاسل الإدخال المحولة بمخرجات HTML المتوقعة ويسمح بتصدير بيانات اختبار المواصفات إلى JSON. يغطي المعيار مجموعة واسعة من إمكانيات هيكلة المحتوى وتنسيقه، بما في ذلك العناوين، والقوائم، واقتباسات الكتل، والخطوط الأفقية. يحدد آليات لتمثيل الكود عبر كتل مسيجة أو مسافة بادئة، وتكامل HTML، ونظام قائم على المرجع لإدارة الروابط التشعبية والصور. توضح المواصفات أيضاً نموذج تحليل من مرحلتين يستخدم تمثيل شجرة بناء الجملة المجردة وتطبيع النص القائم على Unicode للحفاظ على تسلسل هرمي للمستند يمكن التنبؤ به.
Implements reusable link definitions that map labels to destination URLs throughout a document.
next-learn هي مجموعة من الموارد التعليمية ونماذج التنفيذ لبناء تطبيقات ويب متكاملة (Full-stack). تعمل كمورد تعليمي ودرس تعليمي لإطار عمل Next.js، حيث توفر كوداً أولياً ومشاريع أمثلة توضح العرض من جانب الخادم (SSR) والنظام البيئي المعتمد على React. يوفر المشروع قالب ويب متكامل يعرض تنفيذاً كاملاً لتكامل قاعدة البيانات، ومصادقة المستخدم، ومنطق جانب الخادم. يتضمن أمثلة مرجعية لتحسين أداء الويب، توضح تحديداً استخدام مكونات الخادم، وإجراءات الخادم، والتوجيه الديناميكي. تغطي قاعدة الكود سطحاً واسعاً من قدرات التطبيقات المتكاملة، بما في ذلك إدارة البيانات من خلال الاستعلام والتعديل من جانب الخادم، والتحكم في الوصول القائم على الهوية عبر حراس المسار، وهيكلية التنقل باستخدام التوجيه القائم على نظام الملفات. كما تنفذ استراتيجيات عرض متنوعة، وتحسين الأصول للصور والخطوط، وتصميم واجهة المستخدم.
Provides active link highlighting by detecting the current URL path to apply conditional styles.
يوفر هذا المشروع مواصفات ترميز خفيفة ومعيار تنسيق نص عادي يُستخدم لترتيب المعلومات في مستندات مهيكلة. يعمل كنظام لتحويل أحرف النص البسيطة إلى عناصر مستند غنية ووسوم HTML للعرض على الويب. يتضمن المشروع دليل بناء جملة ووثائق لتنفيذ الرموز الموحدة. تغطي هذه الموارد قواعد إنشاء نصوص منسقة وروابط تشعبية يمكن تحويلها إلى محتوى ويب. يغطي النظام مجموعة واسعة من قدرات المستندات، بما في ذلك العناوين الهرمية، والقوائم المرتبة وغير المرتبة، واقتباسات الكتل. كما يدعم إنشاء جداول البيانات، وكتل الكود، وتنسيق النصوص.
Implements reusable link definitions that can be referenced multiple times throughout a document.
jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene
Applies CSS classes to navigation links based on the current browser URL for visual highlighting.
Commonmark.js is a library designed to parse and render text formatted according to the CommonMark specification. It functions as a document processing pipeline that converts plain text into structured HTML or an abstract syntax tree, enabling developers to programmatically inspect, modify, and transform document elements. The library distinguishes itself through its strict adherence to standardized parsing rules, ensuring consistent and predictable output across different software environments. It provides a robust framework for document tree manipulation, allowing users to traverse, insert,
Extracts link and image definitions from text to resolve shorthand references into full URLs.