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

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

38 repository-uri

Awesome GitHub RepositoriesTypography Systems

Global settings for font families, sizes, and line heights.

Explore 38 awesome GitHub repositories matching web development · Typography Systems. Refine with filters or upvote what's useful.

Awesome Typography Systems GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • kamranahmedse/developer-roadmapAvatar kamranahmedse

    kamranahmedse/developer-roadmap

    357,434Vezi pe GitHub↗

    Developer Roadmap este o platformă condusă de comunitate care oferă căi de învățare structurate, bazate pe grafuri, pentru ingineria software. Servește drept repository cuprinzător de cunoștințe unde domeniile tehnice sunt organizate în secvențe vizuale pentru a ghida dobândirea competențelor profesionale și creșterea în carieră. Proiectul se distinge printr-un ecosistem colaborativ care permite utilizatorilor să contribuie cu roadmap-uri, să cureție cele mai bune practici din industrie și să mențină profiluri profesionale. Acesta integrează framework-uri de evaluare diagnostică pentru a evalua competența tehnică, ajutând dezvoltatorii să identifice lacunele de cunoștințe și să se pregătească pentru interviurile profesionale prin secvențe de învățare țintite. Dincolo de capabilitățile sale de bază de mapare, platforma oferă idei practice de proiecte și tutorat interactiv pentru a consolida conceptele de inginerie. Oferă un spațiu centralizat pentru ca comunitatea să partajeze resurse, să urmărească dezvoltarea progresivă a competențelor și să navigheze prin peisaje tehnice complexe.

    Provides utilities for removing common leading whitespace from multiline text blocks.

    TypeScriptangular-roadmapbackend-roadmapblockchain-roadmap
    Vezi pe GitHub↗357,434
  • twbs/bootstrapAvatar twbs

    twbs/bootstrap

    174,380Vezi pe GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Defines global font, size, and line-height settings to ensure uniform text rendering across web applications.

    MDXbootstrapcsscss-framework
    Vezi pe GitHub↗174,380
  • ant-design/ant-designAvatar ant-design

    ant-design/ant-design

    98,362Vezi pe GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Maps semantic design tokens to typography components to ensure consistent text rendering across action buttons and input areas.

    TypeScriptant-designantddesign-systems
    Vezi pe GitHub↗98,362
  • allthingssmitty/css-protipsAvatar AllThingsSmitty

    AllThingsSmitty/css-protips

    30,114Vezi pe GitHub↗

    This project is a curated knowledge base and technical reference for professional web styling. It serves as a comprehensive guide to modern CSS best practices, focusing on techniques that leverage native browser capabilities to create efficient, maintainable, and scalable stylesheets. The collection emphasizes the use of declarative style logic and modern layout engines to replace brittle, imperative approaches. By prioritizing native pseudo-class state management, logical property mapping, and relative unit scaling, the guide demonstrates how to build responsive interfaces that remain consis

    Provides fluid typography scaling techniques using viewport-based units to ensure consistent readability across diverse screen sizes.

    awesomeawesome-listcss
    Vezi pe GitHub↗30,114
  • mdbootstrap/mdb-ui-kitAvatar mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Vezi pe GitHub↗

    The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

    Provides utility classes for highlighting, underlining, and varying the size of inline text elements.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Vezi pe GitHub↗24,256
  • dhg/skeletonAvatar dhg

    dhg/Skeleton

    19,410Vezi pe GitHub↗

    Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

    Implements responsive typography using relative units to scale font sizes and spacing across devices.

    CSS
    Vezi pe GitHub↗19,410
  • picocss/picoAvatar picocss

    picocss/pico

    16,342Vezi pe GitHub↗

    Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

    Adjusts font sizes automatically using relative units for proportional scaling.

    CSScsscss-frameworkdark-mode
    Vezi pe GitHub↗16,342
  • remarkjs/react-markdownAvatar remarkjs

    remarkjs/react-markdown

    15,779Vezi pe GitHub↗

    react-markdown is a React markdown renderer that transforms markdown strings into React elements for display in a user interface. It functions as a plugin-based markdown parser and component library that converts raw text into safe interface elements. The project utilizes a plugin system to extend markdown syntax, allowing support for tables, tasklists, and mathematical notation. It enables custom component mapping, which replaces standard markdown output with specialized components to control the visual styling and behavior of specific content blocks. The renderer supports the processing an

    Provides pluggable components that add custom block and inline parsing logic to the markdown engine.

    JavaScriptcommonmarkgfmmarkdown
    Vezi pe GitHub↗15,779
  • erusev/parsedownAvatar erusev

    erusev/parsedown

    15,049Vezi pe GitHub↗

    Parsedown is a PHP library that converts Markdown text and common extensions into structured HTML output for web browsers. It functions as a Markdown to HTML converter that processes both block-level and inline elements to generate valid web content. The library includes a PHP HTML sanitizer designed to escape HTML and scripting vectors. This security layer provides input sanitization to prevent attacks when processing untrusted user-generated content.

    Extracting and formatting only the inline elements of a text string while ignoring block level structures.

    PHP
    Vezi pe GitHub↗15,049
  • ruanyf/document-style-guideAvatar ruanyf

    ruanyf/document-style-guide

    12,608Vezi pe GitHub↗

    This project is a technical writing style guide and comprehensive specification for professional documentation, with a primary focus on standards for Chinese technical prose. It provides a structured framework for organizing document hierarchies, software manuals, and API references to ensure a consistent user experience. The guide distinguishes itself through detailed linguistic specifications, including rules for integrating English terms into non-English text and precise standards for punctuation, spacing, and grammar tailored for the Chinese language. It also defines quantitative formatti

    Groups technical text into single-topic blocks with lead-in summaries to maximize readability and information retrieval.

    Vezi pe GitHub↗12,608
  • microsoft/frontend-bootcampAvatar microsoft

    microsoft/frontend-bootcamp

    10,792Vezi pe GitHub↗

    Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

    Teaches formatting text with bold, italic, and other inline styles in HTML.

    TypeScriptcsscss-in-jshtml
    Vezi pe GitHub↗10,792
  • carbon-design-system/carbonAvatar carbon-design-system

    carbon-design-system/carbon

    9,172Vezi pe GitHub↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    Implements a typographic scale to maintain consistent vertical rhythm and font hierarchy.

    TypeScript
    Vezi pe GitHub↗9,172
  • wooorm/remarkAvatar wooorm

    wooorm/remark

    8,923Vezi pe GitHub↗

    Remark este un procesor de markdown care parsează textul markdown într-un arbore de sintaxă abstractă (AST) JSON structurat pentru analiză și transformare programatică. Funcționează ca un parser și procesor de AST markdown, utilizând un framework de plugin-uri pentru a gestiona sintaxa extensibilă și regulile de transformare. Proiectul permite extensii de sintaxă markdown personalizate și transformarea conținutului printr-un sistem de plugin-uri, permițând adăugarea de markup non-standard și metadate. Include, de asemenea, un linter de markdown pentru a identifica inconsistențele de stil și a asigura respectarea standardelor de scriere. Setul de instrumente acoperă formatarea documentelor markdown, conversia în HTML și generarea de AST. Este furnizată o interfață CLI pentru a verifica și rescrie fișierele markdown pentru o formatare consistentă la nivelul întregului proiect.

    Provides pluggable components that add custom block and inline parsing logic to the markdown engine.

    JavaScript
    Vezi pe GitHub↗8,923
  • sindresorhus/github-markdown-cssAvatar sindresorhus

    sindresorhus/github-markdown-css

    8,891Vezi pe GitHub↗

    The minimal amount of CSS to replicate the GitHub Markdown style

    Provides CSS styling for bold, italic, strikethrough, inline code, hyperlinks, and images matching GitHub's typography.

    CSS
    Vezi pe GitHub↗8,891
  • davatron5000/fittext.jsAvatar davatron5000

    davatron5000/FitText.js

    6,717Vezi pe GitHub↗

    FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font

    A tool for making headline text fluidly resize to fill available space within a container.

    HTML
    Vezi pe GitHub↗6,717
  • edwardtufte/tufte-cssAvatar edwardtufte

    edwardtufte/tufte-css

    6,498Vezi pe GitHub↗

    Provides blockquote styling for chapter-opening epigraphs with italic text and right-aligned source attribution.

    HTMLcsstufte-css
    Vezi pe GitHub↗6,498
  • jonschlinkert/remarkableAvatar jonschlinkert

    jonschlinkert/remarkable

    5,835Vezi pe GitHub↗

    Remarkable is an extensible Markdown parser library that implements the CommonMark specification and supports GitHub Flavored Markdown through configurable rule presets. Its core architecture separates parsing into distinct inline and block rule pipelines, enabling targeted customization of text-level and structural syntax while maintaining consistent behavior across standard Markdown features. The parser is built around a plugin-based rule system where individual syntax rules can be toggled, extended, or replaced by external plugins. A preset configuration system allows users to switch betwe

    Built around a plugin-based rule system where inline and block syntax rules can be toggled, extended, or replaced.

    JavaScriptcommonmarkcompiledocusaurus
    Vezi pe GitHub↗5,835
  • pbek/qownnotesAvatar pbek

    pbek/QOwnNotes

    5,792Vezi pe GitHub↗

    QOwnNotes is a desktop note editor that stores each note as a plain-text Markdown file on the local filesystem, avoiding proprietary formats and enabling direct file access. It functions as a Nextcloud Notes client, syncing notes and metadata with Nextcloud or ownCloud servers through a companion API service for versioning and sharing. The application also integrates with AI providers and exposes a local MCP server for external agents to search and fetch notes, and includes a companion browser extension for capturing web content, bookmarks, and screenshots. The editor distinguishes itself thr

    Applies bold, italic, and strikethrough formatting using asterisks, underscores, and tildes.

    C++
    Vezi pe GitHub↗5,792
  • davidanson/markdownlintAvatar DavidAnson

    DavidAnson/markdownlint

    5,855Vezi pe GitHub↗

    Checks that atx-style headings have a single space between the hash characters and the heading text to prevent rendering issues.

    JavaScriptcommonmarklintmarkdown
    Vezi pe GitHub↗5,855
  • system-ui/theme-uiAvatar system-ui

    system-ui/theme-ui

    5,405Vezi pe GitHub↗

    Theme-ui is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as a design system tool that establishes centralized, constraint-based scales for colors, typography, and spacing to ensure visual consistency across applications. The framework distinguishes itself through an array-based responsive shorthand for mobile-first layouts and a dedicated color mode manager that synchronizes with browser preferences and persists user selections. It also features a system for creating named style variants to control component appearance via properties

    Defines global typography settings including font families, sizes, weights, and line heights.

    TypeScriptcolordesigndesign-system
    Vezi pe GitHub↗5,405
Înapoi12Înainte
  1. Home
  2. Web Development
  3. Web Standards
  4. Typography Systems

Explorează sub-etichetele

  • Blockquote Styles1 sub-tagStyling definitions for block-level quotations and source attribution.
  • Display HeadingsLarge, prominent heading styles for visual emphasis.
  • Heading Styles1 sub-tagStandardized styling for HTML heading elements.
  • Inline Text Styles3 sub-tag-uriStandardized visual treatments for inline text elements like bold, italics, and small text.
  • Lead Paragraphs2 sub-tag-uriStyling patterns for introductory text blocks to enhance visual hierarchy.
  • Responsive TypographyMechanisms for fluidly scaling font sizes and line heights based on viewport dimensions.
  • Typography Semantic HooksHooks or configuration interfaces that map semantic design tokens to typography component styles for consistent text rendering.