6 مستودعات
React components designed to render and style source code blocks with features like line numbering and syntax coloring.
Explore 6 awesome GitHub repositories matching user interface & experience · Syntax Highlighting Components. Refine with filters or upvote what's useful.
This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event
Integrate code blocks with automatic line numbering, range highlighting, and indentation normalization via dedicated components.
BlockNote is a block-based rich text editor and a real-time collaborative workspace. It uses a JSON-based data model to organize content into draggable, nestable blocks rather than a single flat document. The system functions as a high-level interface built on ProseMirror that abstracts document state into discrete, manipulatable content blocks. The project serves as a framework for integrating large language models into document editors, enabling context-aware text generation and AI-driven workflows. It also acts as a document export engine capable of converting structured block data into fo
Applies custom CSS classes to blocks and provides syntax highlighting for code blocks.
Get BEM to all people in simplest way
Ships independent block-level CSS selectors that prevent style conflicts across a project.
Argon Theme is a WordPress blog theme featuring a block-based page builder and a switchable dark mode interface. It includes an asynchronous page loader that utilizes browser APIs to enable animated transitions between views without full page refreshes. The theme provides a specialized discussion system that supports Markdown formatting, Ajax-driven submissions, and private whispers. It also incorporates a block-based layout system for arranging structured sections and content without relying on shortcodes. The project covers a broad range of content management and rendering capabilities, in
Supports the definition of multiple visual CSS styles for individual editor blocks.
react-syntax-highlighter is a React component that renders source code with language-specific syntax coloring. It wraps the Prism and Highlight.js syntax highlighting libraries, tokenizing source code using their language grammars and mapping each token to a styled React element. The component operates in two styling modes: inline style objects applied directly to each token, or CSS class names that can be themed via external stylesheets. This dual-mode approach makes the highlighter portable across environments where CSS class injection may or may not be available. The component is built aro
A React component that renders source code with language-specific syntax coloring using tokenization and styled spans.
This project is a syntax highlighting plugin for the Vim text editor that provides advanced color coding for modern C++ language standards. It functions as a set of configuration files that extend the editor's native grammar to improve code readability and navigation. The plugin distinguishes between standard library components, modern language features, and user-defined code structures. By applying unique visual formatting to classes, functions, and variables, it assists in identifying language elements and understanding source code logic. The extension utilizes regex-based pattern matching
Differentiates between built-in standard library features and custom code implementations through visual formatting.