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 是一个为 PostgreSQL 设计的类型安全 Web 框架和全栈应用编排器。它作为一个服务端渲染框架和类型安全 ORM,能自动从 SQL 模式生成记录类型,以确保编译时的查询验证。 该平台的特色在于在编译时验证路由、数据库查询和模板,以防止运行时崩溃。它使用 WebSocket 实现实时 Web 界面以进行即时数据同步,并采用服务器驱动的超媒体进行部分 DOM 修补。 该框架涵盖了广泛的集成功能,包括支持 Passkey 和 OAuth 的用户身份管理、具有自动迁移功能的完整数据存储层,以及具有类型安全 HTML 模板的综合 UI 渲染系统。它还提供了用于 JSON API 开发、异步后台任务执行以及支付网关金融集成的内置工具。 生产环境通过声明式 NixOS 部署进行管理,以实现可复现的基础设施。
Automatically highlights navigation menu items by matching the current URL to the associated action.
该项目是一个正式的 Markdown 规范标准,提供了详细的标记语法定义和将纯文本解析为一致 HTML 输出的明确规则集。它为结构块和内联元素建立了标准化语法,以确保跨不同软件实现的一致渲染。 该规范由解析器一致性套件以及 C 和 JavaScript 的参考实现支持,以验证实现是否遵循该标准。它包括一个实现验证系统,该系统将转换后的输入字符串与预期的 HTML 输出进行比较,并允许将规范测试数据导出为 JSON 格式。 该标准涵盖了广泛的内容结构和格式化功能,包括标题、列表、块引用和水平线。它定义了通过围栏或缩进块、HTML 集成以及用于管理超链接和图像的基于引用的系统进行代码表示的机制。 该规范还详细说明了一个两阶段解析模型,该模型利用抽象语法树(AST)表示和基于 Unicode 的文本规范化来维护可预测的文档层次结构。
Implements reusable link definitions that map labels to destination URLs throughout a document.
next-learn 是一个教育资源和参考实现集合,用于构建全栈 Web 应用。它作为 Next.js 框架的学习资源和教程,提供展示服务端渲染和基于 React 生态系统的入门代码和示例项目。 该项目提供了一个全栈 Web 模板,展示了数据库集成、用户身份验证和服务端逻辑的完整实现。它包括 Web 性能优化的参考示例,专门演示了服务端组件、服务端操作和动态路由的使用。 代码库涵盖了广泛的全栈功能,包括通过服务端查询和变更进行的数据管理、通过路由守卫进行的基于身份的访问控制,以及使用文件系统路由的导航架构。它还实现了各种渲染策略、图像和字体的素材优化以及用户界面样式设计。
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.