JavaScript Typography

Open-source JavaScript projects categorized as Typography

Top 18 JavaScript Typography Projects

  • rebass

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

  • styled-system

    ⬢ Style props for rapid UI development

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • Lettering.js

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

    Project mention: The elements of responsive typography | dev.to | 2023-10-11

    You could also use a JavaScript library FitText.js, FlowType.js, or Lettering.js to easily apply fluid typography to your project with zero stress.

  • FlowType.JS

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

    Project mention: The elements of responsive typography | dev.to | 2023-10-11

    You could also use a JavaScript library FitText.js, FlowType.js, or Lettering.js to easily apply fluid typography to your project with zero stress.

  • typography

    A powerful toolkit for building websites with beautiful design

  • react-native-typography

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

  • Blotter

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

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • typeit

    The most versatile JavaScript typewriter effect library on the planet.

    Project mention: Impressive performance gains in moving TypeIt from Gatsby to Astro | news.ycombinator.com | 2023-07-19

    - the overall performance score jumped by 12 points.

    All of this was achieved by sticking with the same overall design and layout. It was really due to getting away from a heavy, React-based static site generator.

    If you’re working with a similar type of site and looking to upgrade, rebuild, or migrate, I highly recommend Astro and its Starlight theme. I’ll be using it probably exclusively moving forward.

    See the TypeIt site here:

    https://typeitjs.com

  • Han

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

  • universal-resume

    Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo

  • BigText

    jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

  • circletype

    A JavaScript library that lets you curve type on the web.

  • prototypo

    Create your own font in a few clicks

  • Typetura

    Finally, typography as responsive as the web.

  • tailwindcss-fluid-type

    A plugin that makes the use of Fluid Type a breeze.

  • novacancy.js

    Text Neon Golden effect jQuery plug-in

  • vivid_vector_alphabet

    Beautiful Hand Drawn Letters ⭐ A meticulous merger of form and function. Typography Animation Microinteraction -Star it!

  • web-components

    Nativ web components for typographic projects: <foot-note>, <inline-note>, <note-list> (by RolandDreger)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-10-11.

JavaScript Typography related posts

Index

What are some of the best open-source Typography projects in JavaScript? This list will help you:

Project Stars
1 rebass 7,927
2 styled-system 7,794
3 Lettering.js 5,394
4 FlowType.JS 4,610
5 typography 3,802
6 react-native-typography 3,379
7 Blotter 3,011
8 typeit 2,995
9 Han 2,375
10 universal-resume 1,694
11 BigText 886
12 circletype 676
13 prototypo 447
14 Typetura 370
15 tailwindcss-fluid-type 299
16 novacancy.js 186
17 vivid_vector_alphabet 22
18 web-components 9
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com