awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

15 Repos

Awesome GitHub RepositoriesLink Styling

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.

Awesome Link Styling GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • livewire/livewireAvatar von livewire

    livewire/livewire

    23,448Auf GitHub ansehen↗

    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.

    PHP
    Auf GitHub ansehen↗23,448
  • xtermjs/xterm.jsAvatar von xtermjs

    xtermjs/xterm.js

    20,795Auf GitHub ansehen↗

    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.

    TypeScriptconsoledevelopmentjavascript
    Auf GitHub ansehen↗20,795
  • vuejs/vue-routerAvatar von vuejs

    vuejs/vue-router

    18,898Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗18,898
  • rstacruz/cheatsheetsAvatar von rstacruz

    rstacruz/cheatsheets

    14,429Auf GitHub ansehen↗

    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.

    SCSS
    Auf GitHub ansehen↗14,429
  • inertiajs/inertiaAvatar von inertiajs

    inertiajs/inertia

    7,708Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗7,708
  • guodongxiaren/readmeAvatar von guodongxiaren

    guodongxiaren/README

    7,050Auf GitHub ansehen↗

    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.

    flavoredgfmgithub
    Auf GitHub ansehen↗7,050
  • vasturiano/3d-force-graphAvatar von vasturiano

    vasturiano/3d-force-graph

    6,147Auf GitHub ansehen↗

    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.

    HTML3d3d-force-graphd3js
    Auf GitHub ansehen↗6,147
  • evidence-dev/evidenceAvatar von evidence-dev

    evidence-dev/evidence

    5,919Auf GitHub ansehen↗

    Displays a URL link inside a styled container that navigates to an external site or an internal app page when clicked.

    JavaScriptanalyticsbusiness-intelligencedashboard
    Auf GitHub ansehen↗5,919
  • mgcrea/angular-strapAvatar von mgcrea

    mgcrea/angular-strap

    5,673Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗5,673
  • digitallyinduced/ihpAvatar von digitallyinduced

    digitallyinduced/ihp

    5,294Auf GitHub ansehen↗

    ihp is a type-safe web framework and full-stack application orchestrator designed for PostgreSQL. It functions as a server-side rendering framework and a type-safe ORM that automatically generates record types from SQL schemas to ensure compile-time query validation. The platform distinguishes itself by verifying routing, database queries, and templates at compile time to prevent runtime crashes. It implements real-time web interfaces using WebSockets for instant data synchronization and employs server-driven hypermedia for partial DOM patching. The framework covers a broad range of integrat

    Automatically highlights navigation menu items by matching the current URL to the associated action.

    Haskellframeworkhacktoberfesthaskell
    Auf GitHub ansehen↗5,294
  • commonmark/commonmark-specAvatar von commonmark

    commonmark/commonmark-spec

    5,105Auf GitHub ansehen↗

    Dieses Projekt ist ein formaler Markdown-Spezifikationsstandard, der eine detaillierte Markup-Syntaxdefinition und einen definitiven Satz von Regeln für das Parsen von Klartext in konsistente HTML-Ausgaben bereitstellt. Er etabliert eine standardisierte Grammatik für strukturelle Blöcke und Inline-Elemente, um ein einheitliches Rendering über verschiedene Software-Implementierungen hinweg sicherzustellen. Die Spezifikation wird durch eine Parser-Konformitätssuite und eine Referenzimplementierung in C und JavaScript unterstützt, um zu verifizieren, dass Implementierungen den Standard einhalten. Sie enthält ein System zur Implementierungsverifizierung, das transformierte Eingabe-Strings mit erwarteten HTML-Ausgaben vergleicht und den Export von Spezifikations-Testdaten in das JSON-Format ermöglicht. Der Standard deckt ein breites Spektrum an Funktionen zur Inhaltsstrukturierung und Formatierung ab, einschließlich Überschriften, Listen, Blockzitaten und horizontalen Linien. Er definiert Mechanismen für die Code-Repräsentation mittels eingezäunter oder eingerückter Blöcke, HTML-Integration und ein referenzbasiertes System zur Verwaltung von Hyperlinks und Bildern. Die Spezifikation beschreibt zudem ein Zwei-Phasen-Parsing-Modell, das eine abstrakte Syntaxbaum-Repräsentation und Unicode-basierte Textnormalisierung verwendet, um eine vorhersehbare Dokumentenhierarchie beizubehalten.

    Implements reusable link definitions that map labels to destination URLs throughout a document.

    Python
    Auf GitHub ansehen↗5,105
  • vercel/next-learnAvatar von vercel

    vercel/next-learn

    4,745Auf GitHub ansehen↗

    next-learn ist eine Sammlung von Bildungsressourcen und Referenzimplementierungen für den Aufbau von Full-Stack-Webanwendungen. Sie dient als Lernressource und Tutorial für das Next.js-Framework und bietet Starter-Code sowie Beispielprojekte, die Server-Side-Rendering und das React-basierte Ökosystem demonstrieren. Das Projekt bietet ein Full-Stack-Web-Template, das eine vollständige Implementierung von Datenbankintegration, Nutzerauthentifizierung und serverseitiger Logik zeigt. Es enthält Referenzbeispiele für die Optimierung der Web-Performance, insbesondere die Demonstration der Verwendung von Server Components, Server Actions und dynamischem Routing. Die Codebasis deckt ein breites Spektrum an Full-Stack-Funktionen ab, einschließlich Datenmanagement durch serverseitige Abfragen und Mutationen, identitätsbasierter Zugriffskontrolle mittels Route-Guards und Navigationsarchitektur unter Verwendung von Dateisystem-Routing. Sie implementiert zudem verschiedene Rendering-Strategien, Asset-Optimierung für Bilder und Schriftarten sowie UI-Styling.

    Provides active link highlighting by detecting the current URL path to apply conditional styles.

    TypeScript
    Auf GitHub ansehen↗4,745
  • younghz/markdownAvatar von younghz

    younghz/Markdown

    3,979Auf GitHub ansehen↗

    Dieses Projekt bietet eine leichtgewichtige Markup-Spezifikation und einen Standard für die Formatierung von Klartext, um Informationen in strukturierten Dokumenten anzuordnen. Es dient als System zur Konvertierung einfacher Textzeichen in reichhaltige Dokumentenelemente und HTML-Tags für die Webanzeige. Das Projekt enthält einen Syntax-Leitfaden und eine Dokumentation zur Implementierung standardisierter Symbole. Diese Ressourcen decken die Regeln für die Erstellung von formatiertem Text und Hyperlinks ab, die in Webinhalte umgewandelt werden können. Das System deckt eine breite Palette von Dokumentfunktionen ab, einschließlich hierarchischer Überschriften, geordneter und ungeordneter Listen sowie Blockzitaten. Es unterstützt zudem die Erstellung von Datentabellen, Codeblöcken und Textauszeichnungen.

    Implements reusable link definitions that can be referenced multiple times throughout a document.

    markdown
    Auf GitHub ansehen↗3,979
  • midudev/jscampAvatar von midudev

    midudev/jscamp

    3,811Auf GitHub ansehen↗

    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.

    JavaScriptbootcamp
    Auf GitHub ansehen↗3,811
  • commonmark/commonmark.jsAvatar von commonmark

    commonmark/commonmark.js

    1,559Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗1,559
  1. Home
  2. User Interface & Experience
  3. Links
  4. Link Styling

Unter-Tags erkunden

  • Active Link HighlightingUtilities for applying specific attributes to navigation links that match the current URL for automatic styling. **Distinct from Link Styling:** Distinct from Link Styling: focuses on the active state logic rather than general link appearance.
  • Data-Driven Graph Edge StylingControls width, color, opacity, curvature, and visibility of each graph edge based on its data attributes. **Distinct from Link Styling:** Distinct from Link Styling: styles graph edges based on data attributes, not web navigation links.
  • Reference-Style Link DefinitionsReusable link definitions that can be referenced multiple times within the same document. **Distinct from Link Styling:** Distinct from Link Styling: focuses on the definition and reuse of link targets, not their visual appearance.
  • ResourceStyling for file downloads and external URLs to include icons and prevent layout overflow. **Distinct from Link Styling:** Focuses on the presentation of download links and URL wrapping, not generic link navigation.
  • Self-Loop Graph EdgesDisplays links that start and end on the same node as a distinct loop shape in graph visualizations. **Distinct from Link Styling:** Distinct from Link Styling: specifically renders self-loop edges in graphs, not web navigation link styling.
  • Styled Link ContainersDisplays a URL link inside a styled container that navigates to an external site or an internal app page when clicked. **Distinct from Link Styling:** Distinct from Link Styling: focuses on the container and clickable area around the link, not the typography or hover effects of the link text itself.