1 个仓库
UI controls that allow users to toggle between different language implementations of the same code block.
Distinct from Language Implementation Frameworks: Candidates refer to language implementation or speech synthesis, not UI elements for switching code views.
Explore 1 awesome GitHub repository matching user interface & experience · Code Language Pickers. Refine with filters or upvote what's useful.
Codehike 是一个基于 React 的文档框架和交互式代码演练工具。它作为一个 Markdown 内容编排器,将修饰后的 Markdown 转换为结构化数据和 React 组件,作为用于高亮代码范围、差异和编译器错误的可视化层。 该项目的特点是能够创建“滚动代码”(scrollycoding)体验和分步技术教程。它具有标记级动画,可直观地演示逻辑如何在代码版本之间演变,并提供了一个将 UI 状态与浏览器滚动位置同步的系统。 该框架涵盖了广泛的可视化功能,包括创建代码幻灯片、聚光灯布局和选项卡式代码块。它支持通过工具提示、标注和脚注进行详细的代码注释,以及语言切换器、代码转译和实时编译器数据集成等功能实用程序。 该系统利用基于模式的验证来确保从 Markdown 文件中提取的结构化数据的类型安全性和一致性。
Displays a picker that allows users to toggle between multiple language implementations of the same block.