Typography Open Source Projects

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

😱 Falsehoods Programmers Believe in

An innovative superfamily of fonts for code

Beautiful and accessible math in all browsers

A minimalist CSS framework.

:atom_symbol: React primitive UI components built with styled-system.

⬢ Style props for rapid UI development

In-depth guide to the best open-source typefaces: https://www.beautifulwebtype.com

赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。

A CSS course to turn you into a magician.

Beautiful typographic defaults for HTML you don't control.

HarfBuzz text shaping engine

Build consistent, themeable React apps based on constraint-based design principles

A lightweight, easy to use Javascript <span> injector for radical Web Typography

A best-practices CSS foundation

A CSS framework that aims to cut down on your CSS development time

Web typography at its finest: font-size and line-height based on element width.

Simple React Component That Makes Titles More Readable

A powerful toolkit for building websites with beautiful design

Beautiful, easy attributed strings in Swift

Pixel–perfect, native–looking typographic styles for React Native ✒️

The most versatile JavaScript typewriter effect library on the planet.

👩‍🎨 Elegant Attributed String composition in Swift sauce

A JavaScript API for drawing unconventional text effects on the web.

A meaningful web typography starter kit.

🎨 A curated list of awesome resources for digital designers.

NPM packages for Open Source typefaces

「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.

Companion example apps and code for MDC-Android.

Pushing the boundary of browser typography rendering!

A 3270 font in a modern format

A starting point for good typography on the web.

Minimal and formal résumé (CV) website template for print, mobile, and desktop.

Test drive programming fonts online: the definitive list of fonts for code.

JuliaMono is a monospaced font for scientific and technical users, with comprehensive Unicode support.

齊伋體 - typeface from Ming Dynasty woodblock printed books

✏︎ Curated list about digital typography 🔥

📚 This guide is designed to help you learn UI/UX design, and is divided into three levels: Beginner, Intermediate, and Expert. It includes learning resource, guides and tools that cover all aspects of designing user interfaces and user experiences.

💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥

book-publishing system [mirror of main repo at https://gitlab.com/mbutterick/pollen]

💨 WordPress starter theme - designed to be dependency-free, minimal, ultra-lightweight (< 20 kB) and easy for all kinds of WordPress projects. We prefer the original WordPress way of doing things - no strange templating languages or frameworks here.

Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

+Jakarta Sans is a open-source fonts. Designed for Jakarta "City of collaboration" program in 2020.

Bojler is an email framework

Take control of your web typography.

Collaborative typography project using select passages from Aesop's Fables set to Google Fonts

:tophat: Lettering.js in vanilla JavaScript

Describing Chinese Characters with Recursive Radical Packing Language (RRPL)

List of fonts for coding

⛏️ ‎ A front-end design toolkit for developing web apps.

An easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.

The source code for WebTypography.net, a practical guide to web typography.

A sass mixin to make responsive typography easy

Gridless is an awesome HTML5 and CSS3 boilerplate for making responsive, cross-browser websites with beautiful typography

Site infrastructure for gwern.net. Custom Hakyll website with unique link archiving, popup UX, transclusions/collapses, dark+reader mode, bidirectional backlinks, and typography (sidenotes, dropcaps, link icons, inflation-adjustment, subscripted-citations).

一个收集可用于中文字体排印的开源字体集合。

An Options Panel Framework to help speed theme development.

Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project

Adds OpenType features—ligatures, kerning, and more—to Normalize.css.